如何禁用&启用javascript/jquery中的谷歌地图按钮点击
how to disable & enable google map on button click in java-script/jquery
我想在网页上向我的用户显示谷歌地图,,但最初应该禁用它以供用户交互,当他点击按钮时,地图变为启用,他/她可以与地图交互
var showMap = $('#show-map');
function initialize() {
var mapOptions = {
center: { lat: 0, lng: 0 },
zoom: 8
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
$(document).ready(function(){
$('#show-map').on('click',initialize)
});
演示
相关文章:
- 使用谷歌地图api 3为MapTypeId.TERRAIN分离按钮
- 在TWebBrowser(谷歌地图)中显示位置,而无需单击按钮
- 如何隐藏谷歌地图Api 3中InfoBox窗口中的关闭(x)按钮
- 搜索按钮谷歌地图在我的vf页面上不起作用
- 在谷歌地图的信息窗口内点击按钮
- 谷歌地图Api v3:点击信息窗口中的按钮时启动一个操作
- 点击一个按钮,谷歌地图应该至少适合3个离你当前位置点最近的标记
- 谷歌地图Api按钮;路由到标记“/转到谷歌地图
- 用jQuery点击一个按钮和一个单独的JS文件,在谷歌地图标记上触发点击事件
- 谷歌地图如何通过点击按钮搜索地点
- 保存按钮未附加到右侧信息窗口,谷歌地图
- 谷歌地图自定义按钮与标准风格
- 谷歌地图,在点击按钮而不是页面加载时初始化和获取地图
- 带有谷歌地图绘图的自定义按钮
- 谷歌地图:从BOTTOM_CENTER位置向上移动类型控制按钮
- 从提交按钮触发谷歌地图中的places_changed
- 如何在一个页面中显示带有弹出按钮的多个谷歌地图
- 按钮点击隐藏谷歌地图标记
- 点击按钮时触发谷歌地图的问题
- 如何禁用&启用javascript/jquery中的谷歌地图按钮点击