You can simply move the map with map.setCenter(LatLng). This method will not use any other markers and will not erase existing markers. You could also move the map via the panTo(LatLng) function. Both methods are also available after the map has been initialized. Here is the documentation for these methods.
I was able to do this using the public World Country Boundaries.kml Fusion Table. You’ll need to add it as a Fusion Table Layer to your map. Firstly initialize a map zoomed out right out, centered so we can see most countries: var map = new google.maps.Map(document.getElementById(‘map-canvas’), { center: new google.maps.LatLng(30,0), zoom: 2, mapTypeId: google.maps.MapTypeId.ROADMAP … Read more
It works when you use coordinates instead of the business name Go to Google Maps and enter the desired coordinates (comma separated like this: 33.319663, -111.89780100000002) Click on Share (located on the left) Click on Embed Map Configure the size of map that you want Copy the html Resulting html is something like this: <iframe … Read more
You can use the following url parameters. saddr for start address daddr for destination address The url would be http://maps.google.com/maps?saddr=new+york&daddr=baltimore The values you pass in can be pretty much whatever you can type into the web app, ie names of places/lat longs/etc. Also, make sure you use a + character for spaces.
This works for me. You simply have to set zoom parameter: UPDATE (by @user2652379): You need to set BOTH zoom and center options. Just zoom does not work. <!DOCTYPE html> <html> <head> <title></title> <META NAME=”ROBOTS” CONTENT=”NOINDEX, NOFOLLOW”> <script src=”http://maps.google.com/maps/api/js?sensor=false” type=”text/javascript”></script> </script> <script type=”text/javascript”> function load() { var mapDiv = document.getElementById(“map”); var latlng = new google.maps.LatLng(-34.397, … Read more
I’ve got XML for US state polygons here. I use them like this. I deliberately kept the detail fairly light to reduce the loading time and end up with a map that’s reasonably responsive in slow browsers. I don’t have anything for Canada.
I did some digging through the Google Maps – My Places creation page and there’s a place to find a bunch of default icons. Not sure if they’ll remain forever or not, but here’s a list of almost a hundred to get you in the right direction with default icons: Preview PNG https://maps.gstatic.com/intl/en_us/mapfiles/ms2/iconm.png Row 1 … Read more
Found this question when researching and thought I should provide an answer: function map_recenter(latlng,offsetx,offsety) { var point1 = map.getProjection().fromLatLngToPoint( (latlng instanceof google.maps.LatLng) ? latlng : map.getCenter() ); var point2 = new google.maps.Point( ( (typeof(offsetx) == ‘number’ ? offsetx : 0) / Math.pow(2, map.getZoom()) ) || 0, ( (typeof(offsety) == ‘number’ ? offsety : 0) / … Read more
In Google Maps JavaScript API V3 we can use something like this: let markers let map const bounds = map.getBounds() markers.filter(m => m.isAdded).forEach(m => { if (bounds.contains(m.getPosition())) { // code for showing your object, associated with current marker } })
First you can create a LatLngBounds object by including all the dynamically generated locations. Use the extend method to include the points. Then you can get the center of the bound using the getCenter method. UPDATE: Code: var bound = new google.maps.LatLngBounds(); for (i = 0; i < locations.length; i++) { bound.extend( new google.maps.LatLng(locations[i][2], locations[i][3]) … Read more