在按下clear按钮时禁用Google地图上的手绘,可以通过以下步骤实现:
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
请将YOUR_API_KEY替换为您自己的Google地图API密钥。
<button id="clearButton">Clear</button>
var clearButton = document.getElementById('clearButton');
clearButton.addEventListener('click', clearDrawing);
function clearDrawing() {
// 获取Google地图上的绘图工具
var drawingManager = new google.maps.drawing.DrawingManager();
// 禁用绘图工具
drawingManager.setDrawingMode(null);
}
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 37.7749, lng: -122.4194}, // 设置地图中心点坐标
zoom: 12 // 设置地图缩放级别
});
// 将绘图工具添加到地图上
var drawingManager = new google.maps.drawing.DrawingManager({
map: map
});
}
请确保在HTML文件中有一个id为"map"的元素,用于显示Google地图。
以上代码将在按下clear按钮时禁用Google地图上的手绘功能。您可以根据需要进行修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云