use*_*983 5 javascript google-maps labels google-maps-markers
我正在尝试在我的标记上添加一个字母,然后用字母标记多个标记(14个是准确的).到目前为止,我没有成功.我是代码和谷歌API的完整新手.
你能告诉我需要添加哪些代码以及在哪里?
以下是我的代码:
<script src="http://maps.google.com/maps?file=api&v=2&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);
Run Code Online (Sandbox Code Playgroud)
}
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">
Run Code Online (Sandbox Code Playgroud)
谢谢
sri*_*_bb 12
以下是使用字母添加标记的代码.为所有标记运行循环,index是每个标记位置
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
});
Run Code Online (Sandbox Code Playgroud)
如果您正在尝试更改标记本身,请查看http://googlemapsmarkers.com - 如果您将其网址用于标记,则可以指定标记的外观:
http://googlemapsmarkers.com/v1/A/ff00ff/