I don't know very much about javascript and API. I was wondering though if there's an easy way to customize a google map like in this example. How did they do it?
http://pooliestudios.com/kontakt/
Also where can I find a database of premade styles? Like http://maps.cloudmade.com/editor (if such thing exist for Google maps)
edit: Just found this site, check out http://snazzymaps.com/ for some cool premade styles.
Related
I am looking for possible solution to implement google maps with Angular 2. I found certain packages to use but all have certain limitations. I tried 'angular2-google-maps' and 'ng2-map' but there are certain things yet to come. Can you please suggest which one is the best to use to implement Google Maps in my application?
PS: I am trying out Google Maps JavaScript APIs but seems like I am facing difficulties to implement it.
there is a project which provides exactly what you need:
https://angular-maps.com/
There is a getting started and it is hosted on github as well:
https://github.com/SebastianM/angular2-google-maps
Another possibility is it to use the GoogleJSAPI from Google directly. Since Angular2 is JavaScript you can easely add it like described by Google:
https://developers.google.com/maps/documentation/javascript/?hl=de
Hope this helps,
Cheers
The forum on the Google Maps JavaScript API group referred my question to Stack Overflow so here goes--
I'm looking to place markers on a Google map that when clicked display a streetview panorama (a "photosphere") of that location. Each panorama was stitched together from photos I've taken personally and is saved on my computer i.e. not currently publicly viewable on Google maps.
I've searched through this guide:
https://developers.google.com/maps/documentation/javascript/streetview
for help but to no avail (I thought the "Providing Custom StreetView Panoramas" section might have been helpful but it didn't seem relevant, unless I misunderstood what it was saying).
I'm aware that Google recently introduced a new way to upload personally-made photospheres for public display on Google maps (see: https://www.google.com/maps/views/home?gl=us&hl=en-us), but this is not what I want to do.
Anyway I'd really appreciate recommendations for tutorials that might help me with this.
Thanks.
This is what you need :
https://developers.google.com/maps/documentation/javascript/examples/streetview-custom-simple
It has the sample code. Just make changes to use your image and you are good to go.
since the V2 markers are depreciated from here.
https://developers.google.com/chart/infographics/docs/dynamic_icons#plain_pin
Is there an alternative to this for V3? I am really not needing anything fancy. I just need a regular marker but with the ability to assign its color via RGB or Hex? Does this exist or possible?
The other day I found a page on the Google Docs with all the icons you could use and call by name and those would probably work but I can't find that link now.
-Thanks
Well after some more digging I found a really nice site that has a lot of custom icons and where you can even design your own with your own colors, letters etc.
http://mapicons.nicolasmollet.com/
I've been researching on this for some days but can't find a proper answer neither here nor in the API's doc.
http://dl.dropbox.com/u/3428472/download.png
I'm looking for a way to add that control to a gmaps implementation. I guess I could go for designing a custom control but since this one already exists, there must be a way of adding it as is.
That is the blue drop a pin control available in the edit mode of the places API.
Any help would be much appreciated.
Thanks!
The image looks like an implementation of the drawing-library.
There is no need to steal something, it's a part of the public API.
You'll find the docs here: https://developers.google.com/maps/documentation/javascript/overlays?hl=en#drawing_tools
Googling has been difficult because I can't get results specific enough - wondering if my fellow SO-ers have any insight. Are there any handy CSS/HTML templates out there to make inserting content into a google maps bubble easy? I'm throwning together a quick-n-dirty mashup and wanted to avoid spending time styling manually if I can avoid it.
For reference, this post is somewhat related and could prove helpful:
how-does-css-formatting-in-a-google-maps-bubble-work
I haven't seen any templates for GInfoWindows, but they're not too hard to style. Just put all your window content in a div with a class that you can reference in your stylesheets.
If you're looking for more customization than that, here are a few third-party extensions that provide an alternative to the standard GInfoWindows: ExtInfoWindow, PopupMarker, EWindow, and EBubble