小编Sam*_*son的帖子

如何在谷歌地图api中的自定义图标图像上显示标签

我现在正在开发GoogleMap并尝试在自定义图标图像上显示标签,如下所示.

var image = {
        url: "{% static "img/perch_logo_blue.png" %}",
        size: new google.maps.Size(45,45),
        origin: new google.maps.Point(0, 0),
        anchor: new google.maps.Point(0,32),
        scaledSize: new google.maps.Size(20, 20)
    };

    var shape = {
        coords: [1, 1, 1, 20, 18, 20, 18, 1],
        type: 'poly'
    };

    for (var i = 0; i < perches.length; i++) {
        var perch = perches[i];
        var marker = new google.maps.Marker({
          position: {lat: perch[1], lng: perch[2]},
          map: map,
          icon: image,
          label: '5',
          title: perch[0]
        });
    }
Run Code Online (Sandbox Code Playgroud)

问题是标签不在图标上,而是在图标图像旁边,如下所示.

在此输入图像描述

所以我希望知道如何在蓝色图标图像上显示带有白色的标签.

请帮我!!!

google-maps google-maps-api-3

6
推荐指数
1
解决办法
1万
查看次数

标签 统计

google-maps ×1

google-maps-api-3 ×1