Question

我的谷歌地图标记没有显示出来。我想把一张脸的照片作为标记。我可以从那里开始制作我自己的图像，但是我无法获得一张脸的图像来展示。鼠标悬停更改，但图像未显示。（它在澳大利亚悉尼拍摄）

function initMap() {
        var onefivethree = {lat: 53.945574, lng: -1.179075};
        var onefiveone = {lat: 54.958674, lng: -1.169075};
        var Abs1 =   {lat: 51.9583289,  lng: -1.1750136000000566};
        var Abs2 =   {lat: 52.9658919,  lng: -1.153685600000017};

        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 15,
          center: onefivethree
        });

        var marker = new google.maps.Marker({
          position: onefivethree,
          map: map
        });
        var marker2 = new google.maps.Marker({
          position: onefiveone,
          map: map
        });
        var marker3 = new google.maps.Marker({
          position: Abs1,
          map: map,
          //icon: Absimage1
        });
        var marker4 = new google.maps.Marker({
          position: Abs2,
          map: map,
          //icon: Absimage2
        });
        var image = 'https://drive.google.com/open?id=1YtVQYXvFwA4C76WawNBRy2bdKK_KdrkU';
        var beachMarker = new google.maps.Marker({
         position: {lat: -33.890, lng: 151.274},
         map: map,
         icon: image
        });
      }

最后一个标记; beachMarker应该只是一张随意脸的形象！

由于

编辑 - 额外代码

        var marker4 = new google.maps.Marker({
          position: Abs2,
          map: map,
          icon: 'Capture3.jpg'
        });

Answer 1

您需要使用指向图像的链接。

var image = 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png';
        var beachMarker = new google.maps.Marker({
         position: {lat: -33.890, lng: 151.274},
         map: map,
         icon: image
        });

为什么我的谷歌地图标记没有显示？

1 个答案: