google-maps – Page 6

get city from geocoder results?

June 5, 2023 by Tarik

Got this working in the end using: var arrAddress = item.address_components; var itemRoute=””; var itemLocality=”; var itemCountry=”; var itemPc=””; var itemSnumber=””; // iterate through address_component array $.each(arrAddress, function (i, address_component) { console.log(‘address_component:’+i); if (address_component.types[0] == “route”){ console.log(i+”: route:”+address_component.long_name); itemRoute = address_component.long_name; } if (address_component.types[0] == “locality”){ console.log(“town:”+address_component.long_name); itemLocality = address_component.long_name; } if (address_component.types[0] == “country”){ … Read more

Google Map API – Removing Markers

June 5, 2023 by Tarik

You need to keep an array of the google.maps.Marker objects to hide (or remove or run other operations on them). In the global scope: var gmarkers = []; Then push the markers on that array as you create them: var marker = new google.maps.Marker({ position: new google.maps.LatLng(locations[i].latitude, locations[i].longitude), title: locations[i].title, icon: icon, map:map }); // … Read more

Radius of “viewable” region in google maps v3

June 4, 2023 by Tarik

The radius would equal the distance from the center of the bounds to one of the bound’s corners. Using the Great Circle Distance Formula from the calculations from this page, I came up with the following: var bounds = map.getBounds(); var center = bounds.getCenter(); var ne = bounds.getNorthEast(); // r = radius of the earth … Read more

How to get the Google Map based on Latitude on Longitude?

May 30, 2023 by Tarik

Create a URI like this one: https://maps.google.com/?q=[lat],[long] For example: https://maps.google.com/?q=-37.866963,144.980615 or, if you are using the javascript API map.setCenter(new GLatLng(0,0)) This, and other helpful info comes from here: https://developers.google.com/maps/documentation/javascript/reference/?csw=1#Map

Google map V3 Set Center to specific Marker

May 30, 2023 by Tarik

Once you have markers on the map, you can retrieve the Lat/Long coordinates through the API and use this to set the map’s center. You’ll first just need to determine which marker you wish to center on – I’ll leave that up to you. // “marker” refers to the Marker object you wish to center … Read more

Responsive Google Map?

May 29, 2023 by Tarik

Add this to your initialize function: <script type=”text/javascript”> function initialize() { var map = new google.maps.Map(document.getElementById(“map-canvas”), mapOptions); // Resize stuff… google.maps.event.addDomListener(window, “resize”, function() { var center = map.getCenter(); google.maps.event.trigger(map, “resize”); map.setCenter(center); }); } </script>

Detect the nearest transit stop from the given location

May 29, 2023 by Tarik

Well, you could use the places-API to find the nearest transit-stops, it works fine for me for the given location. Just do a request with the parameters: location (latlng-object of the given location) radius(radius to search for in meters) types(array of valid types, e.g. [‘bus_station’,’subway_station’]) Checkout the fiddle: http://jsfiddle.net/doktormolle/aZrvs/ For retrieving further details(bus service No, … Read more

Is it possible to write custom text on Google Maps API v3?

May 26, 2023 by Tarik

To show custom text you need to create a custom overlay. Below is an example adapted from official Google documentation. You could also use this library for more “stylish” info windows <html> <head> <script type=”text/javascript” src=”http://maps.google.com/maps/api/js?sensor=false”> </script> <script> //adapded from this example http://code.google.com/apis/maps/documentation/javascript/overlays.html#CustomOverlays //text overlays function TxtOverlay(pos, txt, cls, map) { // Now initialize all … Read more

How to change the position of marker from a javascript function?

May 25, 2023 by Tarik

You can use setPosition function of the marker class function changeMarkerPosition(marker) { var latlng = new google.maps.LatLng(-24.397, 140.644); marker.setPosition(latlng); }

Google Maps API V3 Infobox.js removed

May 23, 2023 by Tarik

It seems that the library is being moved to Github (it seems the infobox.js wasn’t moved yet), see the announcement on main page: https://code.google.com/p/google-maps-utility-library-v3/ But still, the problem with your code is that it’s not a good practise to reference code from code.google.com svn repository. It’s like referencing a code from Github, it can be … Read more