如何禁用&启用javascript/jquery中的谷歌地图按钮点击

how to disable & enable google map on button click in java-script/jquery

本文关键字:谷歌地图 按钮 jquery 何禁用 amp javascript 启用      更新时间:2023-09-26

我想在网页上向我的用户显示谷歌地图,但最初应该禁用它以供用户交互,当他点击按钮时,地图变为启用,他/她可以与地图交互

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)
});

演示