Google Maps v3 Directions Display Render HTML - google-maps-api-3

Is there a method in the Directions Display class to render the HTML provided in the routes' legs' steps? There's directionsDisplay.setDirections that plots the markers and polyline on the map, but I was hoping for something that would give me the HTML all pretty like. Is this in the API and I'm missing it, or does Google expect the developer to iterate the steps themselves?

Is this what you're looking for?
http://code.google.com/apis/maps/documentation/javascript/examples/directions-panel.html

Related

HERE maps for JavaScript API: add a waypoint between two stops

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.

Custom Google StreetView with markers

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

Adding overlays to the Google Maps display itself

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?

How to display area borders in embedded map

When i am searching for some country area in maps on standard web UI it shows me the area borders.
I would like to mark this areas dynamically in embedded map on my website, but i dont know how exactly i have to formulate search query to find if there is some way to achieve this.
I was not found anything about this in reference.
does google offer some API for this in last maps js API?
You need a Polygon-Overlay or a KML-Layer which defines the borders.

Google maps Api v3 Positioning Custom Controls

I want to create custom user control in google maps api v3. I want this control show in place where user click on the map. This user control contain pictures and text. I can´t use InfoWindows, beceasue my user control have different look. And i didn´t found way how to style infoWindow only change its inner html. I googled without any good solution. In api v2 I found this http://www.codeproject.com/KB/scripting/Use_of_Google_Map.aspx.
map.controls[google.maps.ControlPosition.TOP_LEFT].push(new MyControl());
this will add mycontrol on top left. And I´m looking for something like that just replace google.maps.ControlPosition.TOP_LEFT with my latlng.... I hope you understand me.
thanks for any help
In v3 Api you will need to create a custom overlay class. You could use this example http://gmaps-samples-v3.googlecode.com/svn/trunk/latlng-to-coord-control/latlng-to-coord-control.html as a starting point. Just need to replace mouse move events with click events and customise the contents of the window.

Resources