禁用谷歌地图 api 上的滚动和地图/卫星选项?

Posted

技术标签:

【中文标题】禁用谷歌地图 api 上的滚动和地图/卫星选项?【英文标题】:Disable scroll and map/satallite options on google maps api? 【发布时间】:2017-12-30 01:19:23 【问题描述】:
<div id="map"></div>
<script>
function initMap() 
var uluru = lat: 36.091732, lng: -115.228789;
var map = new google.maps.Map(document.getElementById('map'), 
zoom: 16,
center: uluru
);
var marker = new google.maps.Marker(
position: uluru,
map: map
);

</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBotunmxwKg65qa-
Yex7o_eAyVZv_2QJo8&callback=initMap">
</script>

我的地图使用此代码在我的网站上工作。我正在尝试禁用滚动并摆脱左上角的地图/卫星选项。

【问题讨论】:

我想你从这个链接得到了正确答案 [***.com/questions/2330197/… 【参考方案1】:

在 Google Maps API 第 3 版中,您可以使用...

var map = new google.maps.Map(document.getElementById('map'), 
     zoom: 16,
     center: uluru,
     mapTypeControl: false,
     scrollwheel: false
);

【讨论】:

【参考方案2】:

试试这个:

var mapOptions = 
    zoom: 10,
    scrollwheel: false,
    mapTypeControl: false    


map = new google.maps.Map(document.getElementById("map"), mapOptions);

奖励:禁用街景

streetViewControl: false

【讨论】:

以上是关于禁用谷歌地图 api 上的滚动和地图/卫星选项?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用Openlayer发布谷歌卫星地图

如何在 iframe 上的卫星中添加谷歌地图

怎么使用谷歌地图

地图加载后 Google Maps API v3 不会禁用滚轮

如何发布谷歌离线地图

Ionic 3 原生谷歌地图限制地图移动/拖动/旋转选项