google-maps-markers

I want to ask you all about how to add number dynamically on each markers in Google Maps v3 with JavaScript. For example, the first marker is 1, the second one is 2, etc. In this case I have position data like this : [ new google.maps.LatLng(1.3667, 103.8000), new google.maps.LatLng(1.3667, 103.8000), new google.maps.LatLng(1.3667, 103.8000), new google.maps.LatLng(1.3667, 103.8000), new google.maps.LatLng(51.0000, 9.0000), new google.maps.LatLng(51.0000, 9.0000), new google.maps.LatLng(51.5142, -0.0931), new google.maps.LatLng(51.5142, -0.0931), new google.maps.LatLng(54.0000, -2.0000), new

I'm using Google Maps JavaScript API V2 to mark locations saved in an array. Markers with different coordinates are displayed well, but I have no idea how to display various markers with the same coordinates. I need it because an array of locations can have the same coordinates, but with a different description. What is the way to display those different descriptions? The code where markers are added is: var map; function loadEarth(mapdiv) { if (GBrowserIsCompatible()) { if(!mapdiv) return true; map=new GMap2(document.getElementById("map")); map.enableDoubleClickZoom(); map

I want to use different animated cartoon images (gifs) as markers on Google Maps; can I do this with the API? Yes you can Live Example ): var position = new google.maps.LatLng(59.219521,15.1419873); var marker; var map; function initialize() { var mapOptions = { zoom: 16, mapTypeId: google.maps.MapTypeId.ROADMAP, center: position }; map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); marker = new google.maps.Marker({ map:map, draggable:false, animation: google.maps.Animation.DROP, position: position, icon: "http://heera.it/wp-content/themes/heerait/img/blog/me.png" })

using javascript google-maps api I currently have it setup to remove a maker I set it up when I am adding a location like so function addLocation(map,location) { var point = new GLatLng(location.lat, location.lon); var marker = new GMarker(point); map.addOverlay(marker); bounds.extend(marker.getPoint()); $('<a href="#" class="closebutton">').click(function(e){ e.preventDefault(); $(this).parent().remove(); map.removeOverlay(marker); map.closeInfoWindow(); }).prependTo($('<li>'+location.label+'</li>').click(function() { showMessage(marker, location.label,map); }).appendTo("#list")); GEvent

I’m changing my app by migrating iOS maps to google maps using Google Maps SDK for iOS V1.1.0 and I’m trying to animate the markers while adding/removing but I didn’t find any suggestions in the documentation related to this, Please suggest me how to perform the animations on GMSMarkers Amozoss In the GMSMarker Class Reference , it says, for the appearAnimation property: Controls the animation used when this marker is placed on a GMSMapView (default kGMSMarkerAnimationNone , no animation). Using the Google Maps SDK for iOS , a marker can be made like this: GMSMarker *startMarker = [GMSMarker

I'm having a weird problem with my google maps marker icons in internet explorer. All my markers are showing up cut in half doubled and shifted over 50 %. that is using the demo code from google. So it must be something weird i'm doing elsewhere with styles or jquery, but i don't know what. Has anyone had this problem before? djsm I had a similar issue. The problem being that each marker icon inherited a margin>0, I solved the issue by setting the margin to zero for all img in the map div. <style type="text/css"> #map_canvas img { margin: 0px } </style> Your problem is interesting, in that it