Using the Google Maps API v3, is it possible to customize the layout and content of the infoWindows that are attached to each route marker that's plotted through the DirectionService?
Thanks to geocodezip at the Google Maps API Groups for this example on how to achieve this:
http://www.geocodezip.com/v3_directions_custom_revgeo.html
There is no out of the box way to do it, you have to essentially place custom markers/infoWindows yourself, and attach dragging listeners to each one of them.
Related
I'm using Here Maps to create interactive maps.
using the JS api, is there a demo out there to create a way point between two other existing waypoints in a similar fashion as Here WeGo does?
add waypoint:
https://github.com/heremaps/maps-api-for-javascript-examples <-------- Refer this! it got waypoint's marking from point to point and other examples needed! hope this helps
No, there is no demo like this. You could achieve this by combining these examples:
Simple routing
Reverse Geocoding
Context menu
Draggable Marker
Custom Marker Icon
Recently I created simple routing example which adds/removes waypoints on contextmenu (right click) event callback. No draggable markers, unfortunately, but maybe it helps.
Here is the jsfiddle link.
I was wondering if you could put a custom StreetView with a marker. I am making a map that has city parks. I want it so if someone clicks on a specific marker, the custom StreetView pops up and shows the panorama. For the custom StreetViews I used Google Views. Is this possible?
Thanks in advance.
Yes, this is possible. Something close to it can be done in two ways.
The easiest option is to load Google maps from the main URL and wait. It will let you build a map or view your custom maps just below the search bar. Google Maps itself lets you create a custom map with markers. This doesn't sound like your desired option, but it is quick to implement. You can even add your own style.
The second is to create your own custom Street View tour, this sounds like your focus. You want the actual panographs to use your markers. This is fairly easy to do, but requires some programming. It is possible on both Google Earth and Google Maps. Check out the Google APIs such as https://developers.google.com/maps/documentation/javascript/reference#StreetViewPanoramaOptions. Options include changing out panographs for your own images, defining arrows including labels, overlays, pop-up boxes, action boxes, and more. Check out some options here: http://hpneo.github.io/gmaps/examples.html
I'm mocking up an HTML5 web app and I need to incorporate a map with specific locations marked off with custom banners. For the sake of the mockup, I just need to have the default location markers replaced with some sort of graphic of my choosing. How would I do this?
The Maps API documentation has a custom marker icon example (reference). You can use it as a starting point for your own code.
I'm looking for a way to add images to the Google Map interface itself, not fixed on a point on the geographical map but on the Google Maps "window". Something to display Map Legends on the map itself.
I've been looking through the net but can't seem to find a way to do this. As you can tell I don't really know what this is called also, so that may be the reason why I ca
You have to open infowindow on map and put image in it.
Try with this answer : google maps api v3 - how to display image thumbnails inside bubble?
I have built a custom Google Map and When the page loads I would like a 'splash screen' to appear over the map inside the map container (this would be an image with some instructions), which could then either be toggled off or would disappear after a set time.
I know that I can do this using CSS/JQuery to create a layer over the map container, but is it possible to do this using the map API?
You could use overlays or a custom infowindow (infobox).
I would suggest overlays. Their existence is for displaying components
over the map. Infowindow would suffice too, but their role is for displaying something
in relation to a specific spot on the map.
See this for more