Animesh Nandi‘s answer is a bit old. Actually, to remove the ‘powered by Google‘ logo I had to use the following code: .pac-container:after { /* Disclaimer: not needed to show ‘powered by Google’ if also a Google Map is shown */ background-image: none !important; height: 0px; }
function initMap() { var service = new google.maps.DirectionsService; var map = new google.maps.Map(document.getElementById(‘map’)); // list of points var stations = [ {lat: 48.9812840, lng: 21.2171920, name: ‘Station 1’}, {lat: 48.9832841, lng: 21.2176398, name: ‘Station 2’}, {lat: 48.9856443, lng: 21.2209088, name: ‘Station 3’}, {lat: 48.9861461, lng: 21.2261563, name: ‘Station 4’}, {lat: 48.9874682, lng: 21.2294855, name: ‘Station … Read more
OSRM gives you routes with road geometries as they are in the OpenStreetMap database. For example, you can get the route as GPX (and post-process this file if you want). This would look like the following: GET http://router.project-osrm.org/viaroute?hl=en&loc=47.064970,15.458470&loc=47.071100,15.476760&output=gpx Read more: OSRM API docs.
In both Marker and MarkerWithLabel case, you might just as well use the this keyword to refer the object to which the event handler is attached: google.maps.event.addListener(marker, ‘click’, function () { // do something with this marker … this.setTitle(‘I am clicked’); }); this here is referring to the particular marker object.
The latLng of the required address and the latLng of the panorama location (the position of the streetview car from where images are shot) are not the same. As far as I know, the API does not set the heading in the right direction of the address latlng, you will have to set it yourself. … Read more
One algorithm to solve this is ray-casting. See an explanation here. And you can find code implementing this for the Google Maps JS API V3 here. HTH.
I don’t have an official list, but did do some research. https://mt.google.com/vt/icon/text=A&psize=16&font=fonts/arialuni_t.ttf&color=ff330000&name=icons/spotlight/spotlight-waypoint-b.png&ax=44&ay=48&scale=1 Use that URL and you can easily change the text, size,font and color to your preference, however the color parameter will only change the color of the text. but if you change waypoint-b.png to waypoint-a.png you get a green marker. Icon list: Markers: … Read more
As mentioned in the user guide, you need to explicitly read any global variables from window. Put this at the top of the file and it will work: const google = window.google; The reason we enforce this is because people commonly misunderstand the difference between local variables, imported modules, and global variables, and so we … Read more
To understand the underlying concept of this double map solution, please have a look at this WWDC 2011 video (from 22’30). The Map kit code is directly extracted from this video except a few things that I described in a few notes. The Google Map SDK solution is just an adaptation. Main idea: a map … Read more
This intermediate is not the final answer, and the sequel follows)), just some thoughts Undocumented method. (with ftid instead of place_id parameter) Places API Web Service No warranty in future: https://maps.googleapis.com/maps/api/place/details/json?key=YOUR_API_KEY&ftid=0xd62377123a70817:0x85e89b65fcf7c648& The documented request is: https://maps.googleapis.com/maps/api/place/details/json?key=YOUR_API_KEY&placeid=ChIJFwinI3E3Yg0RSMb3_GWb6IU Need API KEY for this requests Setting up API keys Answer from Google: (JSON – light parsing) { “html_attributions” … Read more