广东建设厅官网证件查询_立即关注公众号_做网销的一天都在干嘛_百度网盘资源链接入口

时间:2025/9/7 18:34:45来源：https://blog.csdn.net/weixin_41290949/article/details/143804478 浏览次数:0次

在这里插入图片描述

引入腾讯地图SDK

    <!--腾讯地图 API--><script charset="utf-8" src="https://map.qq.com/api/gljs?libraries=tools&v=1.exp&key=***"></script>

构建地图容器

        <div class="layui-card"><div class="layui-card-header lock_title" style="text-align: center;">单击地图获取经纬度</div><div class="layui-form-item"><div id="lock_map" style="width: 100%;height: 250px;"></div></div></div>

点标识监听事件获取经纬度

腾讯地图GL版中，没有拖动事件，具体事件如下：
在这里插入图片描述
因此，在添加listener到eventName事件的监听器数组中时，采用单击地图的单击事件click。

MarkerLayer 点图层
在这里插入图片描述

   <!--腾讯地图实例-->var center = new TMap.LatLng(lnglat[1], lnglat[0]);var map = new TMap.Map("lock_map", {zoom: 17,center: center});//初始化marker图层var markerLayer = new TMap.MultiMarker({id: 'marker-layer',map: map,geometries: [{"position": center}]});//监听点击事件添加markermap.on("click", (evt) => {//console.log(evt.latLng.lat);//清楚掉上次点击的markermarkerLayer.setGeometries([]);//新增markermarkerLayer.add({position: evt.latLng});//经纬度将gcj02转为wgs84var lnglat = gcj02towgs84(evt.latLng.lng,evt.latLng.lat);//console.log(lnglat)$("#poi_longitude").val(lnglat[0]);$("#poi_latitude").val(lnglat[1]);});

步骤

加载默认中心点标注；
单击地图事件，获取经纬度
清除上一个标注；
新增标注

@漏刻有时

关键字：广东建设厅官网证件查询_立即关注公众号_做网销的一天都在干嘛_百度网盘资源链接入口

本网仅为发布的内容提供存储空间，不对发表、转载的内容提供任何形式的保证。凡本网注明“来源：XXX网络”的作品，均转载自其它媒体，著作权归作者所有，商业转载请联系作者获得授权，非商业转载请注明出处。

我们尊重并感谢每一位作者，均已注明文章来源和作者。如因作品内容、版权或其它问题，请及时与我们联系，联系邮箱：809451989@qq.com，投稿邮箱：809451989@qq.com

责任编辑：