Google मानचित्र API: मेरे Google मानचित्र पर मेरे मार्करों को अक्षरों को जोड़ना

Question

मैं अपने मार्कर को एक पत्र जोड़ने की कोशिश कर रहा हूं और फिर अक्षरों के साथ एकाधिक मार्कर (14 सटीक होना) है। मैंने सफलता के बिना अब तक ऐसा किया है। मैं कोड और गूगल एपीआई के साथ एक पूर्ण नौसिखिया हूँ।

क्या आप बता सकते हैं कि कोड कोड को जोड़ने की आवश्यकता है और कहां?

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=.... 
    type="text/javascript"></script> 
<script type="text/javascript"> 
//<![CDATA[ 
function load() { 
    if (GBrowserIsCompatible()) { 

    var map = new GMap2(document.getElementById("map")); 
    map.addControl(new GMapTypeControl()); 
    map.addControl(new GLargeMapControl()); 
    map.addControl(new GOverviewMapControl()); 
    map.addControl(new GScaleControl()); 


    var bounds = map.getBounds(); 
    var southWest = bounds.getSouthWest(); 
    var northEast = bounds.getNorthEast(); 
    var lngSpan = northEast.lng() - southWest.lng(); 
    var latSpan = northEast.lat() - southWest.lat(); 
    for (var i = 0; i < 10; i++) { 
    var point = new GLatLng(southWest.lat() + latSpan * Math.random(), 
     southWest.lng() + lngSpan * Math.random()); 
    map.addOverlay(new GMarker(point)); 

    var point = new GLatLng(lat,ling); 
    map.setCenter(point, 10); 
    var marker = new GMarker(point); 
    map.addOverlay(marker); 

}

GEvent.addListener(map, "moveend", function() { 
    var center = map.getCenter(); 
    document.getElementById("message").innerHTML = center.toString(); 
    }); 



    map.setCenter(new GLatLng(lat,ling), 7); 

    } 
} 
//]]> 
</script> 
<style type="text/css"> 

:

नीचे मेरी कोड है

स्थान स्थान

धन्यवाद

Answer 1

आप मार्कर को बदलने के लिए प्रयास कर रहे हैं खुद http://googlemapsmarkers.com को देखो

http://googlemapsmarkers.com/v1/A/ff00ff/

Answer 2

चार्ट API का उपयोग करें मार्कर उत्पन्न करने के लिए:

http://code.google.com/apis/chart/docs/gallery/dynamic_icons.html#pins

Answer 3

यहाँ जोड़ने के लिए कोड है - अगर आप अपने मार्कर के लिए अपने URL का उपयोग आप मार्कर कैसा दिखाई देता है निर्दिष्ट कर सकते हैं अक्षर के साथ मार्कर।

markerB = new google.maps.Marker({ 
     position: pointB, 
     title: "point B", 
     label: "B", 
     map: map 
    }) 

Google Maps JavaScript API V3 Reference से:: सभी मार्करों के लिए पाश भागो, सूचकांक जब इस तरह मार्कर वस्तु को परिभाषित करने के लिए प्रत्येक मार्कर स्थिति

var letter = String.fromCharCode("A".charCodeAt(0) + index), 
marker = new google.maps.Marker({ 
    map: this.map, 
    position: latLongObj, 
    icon: "http://maps.google.com/mapfiles/marker" + letter + ".png", 
    animation: google.maps.Animation.DROP 
}); 

Here is the list of map marker icons

Answer 4

उपयोग label विकल्प है

टाइप: स्ट्रिंग | मार्कर लेबल लेबलर को एक लेबल जोड़ता है। लेबल या तो एक स्ट्रिंग या मार्कर लेबल ऑब्जेक्ट हो सकता है। स्ट्रिंग के केवल पहले वर्ण प्रदर्शित होंगे।

function initMap() { 
 
    var pointA = new google.maps.LatLng(51.2750, 1.0870), 
 
    pointC = new google.maps.LatLng(50.8429, -0.1313), 
 
    pointB = new google.maps.LatLng(51.5379, 0.7138), 
 
    myOptions = { 
 
     zoom: 7, 
 
     center: pointA, 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }, 
 
    map = new google.maps.Map(document.getElementById('map-canvas'), myOptions), 
 
    markerA = new google.maps.Marker({ 
 
     position: pointA, 
 
     title: "point A", 
 
     label: "AAA", 
 
     map: map 
 
    }), 
 
    markerB = new google.maps.Marker({ 
 
     position: pointB, 
 
     title: "point B", 
 
     label: "B", 
 
     map: map 
 
    }), 
 
    markerC = new google.maps.Marker({ 
 
     position: pointC, 
 
     title: "point C", 
 
     label: "C", 
 
     map: map 
 
    }); 
 
} 
 

 
initMap();

html, 
 
body { 
 
    height: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
#map-canvas { 
 
    height: 100%; 
 
    width: 100%; 
 
}

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> 
 

 

 
<div id="map-canvas"></div>

और यहाँ है एक ही demo on Jsfiddle