google-maps-api-3 – Make Me Engineer

How to fix Uncaught InvalidValueError: setPosition: not a LatLng or LatLngLiteral: in property lat: not a number?

June 10, 2023 by Tarik

Uncaught InvalidValueError: setPosition: not a LatLng or LatLngLiteral: in property lat: not a number Means you are not passing numbers into the google.maps.LatLng constructor. Per your comment: /*Information from chromium debugger trader: Object geo: Object lat: “49.014821” lon: “10.985072” */ trader.geo.lat and trader.geo.lon are strings, not numbers. Use parseFloat to convert them to numbers: var … Read more

Google maps API V3 method fitBounds()

June 8, 2023 by Tarik

This happens because LatLngBounds() does not take two arbitrary points as parameters, but SW and NE points use the .extend() method on an empty bounds object var bounds = new google.maps.LatLngBounds(); bounds.extend(myPlace); bounds.extend(Item_1); map.fitBounds(bounds); Demo at http://jsfiddle.net/gaby/22qte/

How do I set default location and Zoom level for google map api v2?

June 8, 2023 by Tarik

you can use this to zoom directly without the animation : map.moveCamera( CameraUpdateFactory.newLatLngZoom(new LatLng(xxxx,xxxx) , 14.0f) );

Google Maps API Multiple Markers with Infowindows

June 8, 2023 by Tarik

You could use a closure. Just modify your code like this: google.maps.event.addListener(marker,’click’, (function(marker,content,infowindow){ return function() { infowindow.setContent(content); infowindow.open(map,marker); }; })(marker,content,infowindow)); Here is the DEMO

Google Maps shows “For development purposes only”

June 6, 2023 by Tarik

Google Maps is no longer free. You have to associate a credit card so that you can get billed if your site has requests that exceed the $200 credit they give you monthly for free. That is why you get the watermarked maps. For more information, see: https://cloud.google.com/maps-platform/pricing/ Update: A common problem with the new … Read more

Animating Multiple Markers

June 4, 2023 by Tarik

If you want to animate multiple markers you will have to change the animate and startAnimation functions to handle multiple markers (probably make all the variables into arrays). example code snippet: var map; var directionDisplay; var directionsService; var stepDisplay; var position; var marker = []; var polyline = []; var poly2 = []; var poly … Read more

CORS and Google Maps Places Autocomplete API calls [duplicate]

June 4, 2023 by Tarik

The supported way to call the Place Autocomplete API from a web app is using the Places library: <script> function initMap() { var map = new google.maps.Map(document.getElementById(‘map’), { center: {lat: -33.8688, lng: 151.2195}, zoom: 13 }); … map.controls[google.maps.ControlPosition.TOP_RIGHT].push(card); var autocomplete = new google.maps.places.Autocomplete(input); autocomplete.bindTo(‘bounds’, map); var infowindow = new google.maps.InfoWindow(); var infowindowContent = document.getElementById(‘infowindow-content’); infowindow.setContent(infowindowContent); … Read more

Google Maps close previous Infowindow when another marker is clicked

June 4, 2023 by Tarik

Don’t create multiple Infowindows if you only need one to be open at a time. You only need one instance of the Infowindow object and set its content depending on which Marker you click by using the setContent() method. You also need to use a closure around your marker click listener. Something like that: google.maps.event.addListener(marker, … Read more

Display world map with no repeats

June 3, 2023 by Tarik

If you don’t want any repeats, you need to control the minimum zoom allowed and the width of your map to be less than or equal to one width of of the base tiles at the minimum zoom level allowed on your map. At zoom zero, one width of the world is a single 256 … Read more

Request main road / curbside StreetView panoramas instead of back alleys from API

June 3, 2023 by Tarik

Use the directions service to get directions from the desired address to itself. Use that location instead of the geocoder result for the street view location. Use the geocoder result (hopefully a ROOFTOP accuracy result) for the place to look “at”. related question: Facing the targeted building with Google StreetView Examples: 325 S Peck Dr, … Read more