1

如何更改嵌入式谷歌地图中大头针的标签？

我想出了如何将标记更改为我的图标，但我需要重新设置 A、B、C 等的样式，类似于 travelodge 为那里的地图所做的操作http://www.travelodge.co.uk/hotels/book/edinburgh-酒店

更新这是成功使用自定义标记的代码：

  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

4

1 回答 1

4

如果您设法更改了标记图标，那么您完成了所有工作。

标记没有标签。travelodge 所做的是它对每个字母都有标记，然后根据搜索结果设置它们。

编辑：

似乎有一个特殊的库可以做你想做的事（去“样式标记”）：

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});
}

您可以在此链接上阅读有关标记的更多信息

于 2013-03-08T09:50:32.067 回答