更改谷歌地图中的图钉标签？

Question

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

我想出了如何将标记更改为我的图标，但我需要重新设置 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

Answer 1

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

标记没有标签。 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});
}

您可以在 this link 上阅读有关标记的更多信息