将编号标签添加到谷歌地图标记答案

【问题标题】：Add numbering label to google map marker将编号标签添加到谷歌地图标记
【发布时间】：2011-04-03 12:19:48
【问题描述】：

我可以知道如何使用谷歌地图 api 为谷歌地图标记添加编号标签吗？只需添加标签，而不是尝试更改图标。谢谢。

【问题讨论】：

我不明白。你说的这个标签是什么？你有例子吗？

标签： google-maps google-maps-api-3 google-maps-markers google-maps-api-2

【解决方案1】：

如果您不想为每个标记使用自定义图标，那么我建议您考虑使用 OverlayView 创建一个标签类，然后将位置绑定到标记。

或者你可以考虑使用类似的东西：http://github.com/nmccready/google-maps-utility-library-v3-infobox

【讨论】：

链接已损坏。幸运的是，repo 已复制到 GitHub：github.com/nmccready/google-maps-utility-library-v3-infobox

【解决方案2】：

我认为更好的解决方案是使用 infoWindow。像这样：

$(document).ready(function () {
    var golfoMexico = new google.maps.LatLng(20.61536,-87.078975);
    var settings = {
        zoom: 18,
        center: golfoMexico,
        mapTypeControl: true,
        mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
        navigationControl: true,
        navigationControlOptions: {style: google.maps.NavigationControlStyle.ZOOM_PAN},
        mapTypeId: google.maps.MapTypeId.HYBRID
    };

    var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
    var pos1= new google.maps.LatLng(20.61536,-87.078975);
     var infowindow = new google.maps.InfoWindow({
           content: "Casa Stavola F8 II"
         });
    var companyMarker = new google.maps.Marker({ position: pos1, map: map,title:"Casa Stavola F8 II", visible:true});
    infowindow.open(map,companyMarker);
});

【讨论】：

【解决方案3】：

查看http://www.geocodezip.com/basic8j.asp?filename=example_number.xml 的示例（适用于 API 的 V2）。这里还有一个关于类似问题的问题 - How can I create numbered map markers in Google Maps V3?。

【讨论】：