禁用控件谷歌地图
Disable controls google maps
我把一个来自时髦地图的谷歌地图放到我的新网站,很好,但如果尝试分散缩放功能和控件,地图是否显示关闭。 如何显示控件和放大和缩小? google.maps.event.addDomListener(window, 'load', init);
function init() {
var mapOptions = {
// Map Zoom
zoom: 14,
center: new google.maps.LatLng(53.55741 , 9.96133), // Hamburg
// Snazzy Maps.
styles: [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#000000"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]}]
};
var mapElement = document.getElementById('map');
var map = new google.maps.Map(mapElement, mapOptions);
var marker = new google.maps.Marker({
position: new google.maps.LatLng(53.55741 , 9.96133),
map: map,
title: 'Awesom Media!'
})
;
}`
从谷歌地图API文档中,要禁用缩放和控件,只需添加
disableDefaultUI: true,
到您的地图选项。您也可以仅通过将某些控件添加到地图选项来启用这些控件。要获取可用控件的完整列表,请查看此处 https://developers.google.com/maps/documentation/javascript/controls
相关文章:
- 从谷歌地图自定义控件打开离子模态时遇到问题
- 谷歌地图删除控件
- 谷歌地图,从控件数组中删除控件
- 禁用控件谷歌地图
- 如何将自定义缩放控件添加到使用角度谷歌地图构建的地图中
- 在 NgMap 中显示和隐藏绘制控件 - 谷歌地图
- 谷歌地图缩放控件和标记消失
- 谷歌地图API - 带有控件的灰色地图
- 在javascript中动态创建类似的谷歌地图地图控件
- 谷歌地图v3缩放控件未显示
- 在小屏幕(手机等)上隐藏谷歌地图控件
- 谷歌地图小控件
- 谷歌地图Javascript API V3 -如何删除自定义控件
- 谷歌地图API v3.22恢复到旧的控件
- 谷歌地图平移控件显示,但不工作(在移动设备上)
- 谷歌地图API街景控件
- 谷歌地图将控件隐藏在小屏幕上
- 动态添加/删除控件[谷歌地图]
- 谷歌地图控件在Wordpress页面上看起来都不对
- 从谷歌地图中删除所有控件