如何更改嵌入式Google地图中图钉的标签?
我已经想出了如何将标记更改为我的图标,但是我需要重新设置A,B,C等,类似于travelodge对地图http://www.travelodge.co.uk/hotels/book/edinburgh-hotels
的做法更新这是成功使用自定义标记的代码:
function addMarker(latlng, myTitle) {
markers.push(new google.maps.Marker({
position: latlng,
map: map,
title: myTitle,
icon: "www.linkto/myPin.png"
}));
}
我已经包含了markerwithlabel.js但是这根本不会创建任何标记:
function addMarker(latlng, myTitle) {
markers.push(new MarkerWithLabel({
position: latlng,
map: map,
title: myTitle,
icon: "www.linkto/myPin.png",
labelContent: "$425K",
labelAnchor: new google.maps.Point(22, 0),
labelClass: "labels",
labelStyle: {opacity: 0.75}
}));
}
这是我想要适应的代码: http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerwithlabel/1.1.8/examples/basic.html
答案 0 :(得分:4)
如果您设法更改了标记图标,那么完成了所有工作。
标记没有标签。旅行者所做的是每个字母都有标记,然后根据搜索结果进行设置。
修改强>
似乎有一个特殊的库可以做你想做的事情(转到“Styled Marker”):
http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries#MarkerWithLabel
要查看代码,请单击“开发版本”,然后单击“示例”,然后查看页面的源代码。这是简单的示例代码:
function initialize() {
var myLatLng = new google.maps.LatLng(37.313477473067, -121.880502070713);
var myOptions = {
zoom: 11,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.SATELLITE
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
var styleMaker2 = new StyledMarker({styleIcon:new StyledIcon(StyledIconTypes.BUBBLE,{color:"ff0000",text:"I'm a marker!"}),position:new google.maps.LatLng(37.383477473067, -121.880502070713),map:map});
var styleMaker1 = new StyledMarker({styleIcon:new StyledIcon(StyledIconTypes.MARKER,{color:"00ff00",text:"A"}),position:myLatLng,map:map});
var styleMaker3 = new StyledMarker({styleIcon:new StyledIcon(StyledIconTypes.MARKER,{color:"0000ff"}),position:new google.maps.LatLng(37.263477473067, -121.880502070713),map:map});
}
您可以在this link
上阅读有关标记的更多信息