使用腾讯地图glAPI 开发一个可拖拽的marker
以下是使用腾讯地图glAPI开发的可拖拽的marker示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>可拖拽的marker</title>
<style>
#map {
width: 100%;
height: 600px;
}
</style>
</head>
<body>
<div id="map"></div>
<script src="https://map.qq.com/api/gljs?v=1.exp&key=YOUR_KEY"></script>
<script>
var map = new qq.maps.Map(document.getElementById("map"), {
center: new qq.maps.LatLng(39.916527,116.397128),
zoom: 13
});
var marker = new qq.maps.Marker({
position: new qq.maps.LatLng(39.916527,116.397128),
map: map,
draggable: true
});
qq.maps.event.addListener(marker, 'dragend', function(event) {
console.log(event.latLng);
});
</script>
</body>
</html>
其中，YOUR_KEY需要替换为自己申请的腾讯地图API密钥。该示例实现了在地图上添加一个可拖拽的marker，并在拖拽结束后打印出marker的经纬度坐标。可以根据需求进行自定义样式等修改。
原文地址: https://www.cveoy.top/t/topic/Mfh 著作权归作者所有。请勿转载和采集!