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

时间:2010-08-25 02:43:48

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

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

3 个答案:

答案 0 :(得分:4)

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

或者您可以使用以下内容:http://github.com/nmccready/google-maps-utility-library-v3-infobox

答案 1 :(得分:3)

我认为更好的解决方案是使用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);
});

答案 2 :(得分:0)

查看http://www.geocodezip.com/basic8j.asp?filename=example_number.xml处的示例(对于API的V2)。此处还有一个类似问题的问题 - How can I create numbered map markers in Google Maps V3?