Question

我的谷歌地图有问题。当我第一次将iframe嵌入到我在ipad上的页面时，我在地图下看到了像streetview这样的按钮。当我将地图切换为从系统数据生成时，使用javascript api按钮的渲染消失了吗？

有没有办法再次显示它们，是否只需要添加到地图中的选项或按钮仅在使用iframe时有效？

  var map;
               var service;
               var infowindow;

               function initializeMap() {
                   var slocation = new google.maps.LatLng(x,y);

                   map = new google.maps.Map(document.getElementById('map'), {
                       mapTypeId: google.maps.MapTypeId.ROADMAP,
                       center: slocation,
                       zoom: 15

                   });


                var infowindow = new google.maps.InfoWindow({
                    content: 'example content'
                });

                var marker = new google.maps.Marker({
                    position: slocation, 
                    map: map,
                    title: ' example title'
                });


                infowindow.open(map, marker);
               }

我想要获得的按钮是http://imageshack.us/photo/my-images/43/buttonsuv.png/

Answer 1

在您的代码中，添加此选项streetViewControl: true

map = new google.maps.Map(document.getElementById('map'), {
       mapTypeId: google.maps.MapTypeId.ROADMAP,
       center: slocation,
       zoom: 15,
       streetViewControl: true
});

查看this，它总结了所有街景视图选项。

<强>更新

问题更新后，我意识到您希望自定义图像显示在街景图标上。那是不可能的。

一种解决方法是在地图上定义自定义控件，并使用streetview事件将事件链接到该地图。我从来没有这样做过，但你可能想看看this

Google地图按钮未显示

1 个答案: