在百度地图中获取当前点击位置的经纬度和地址信息

效果图：

当点击地图中的某一个位置，会在上面的文本框中显示当前的位置信息和经纬度信息。

jsp中的代码就一个div


<div id="allmap" style="height:500px; margin: 0 10px 10px;"></div><%--导入百度地图 js--%>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的key"></script>

js中的代码

    //进入页面 初始化 位置tab页的地图function initMap() {$("#allmap").empty();var map = new BMap.Map("allmap");//设置一个 默认的位置。var point = new BMap.Point(114.3162001, 30.58108413);map.centerAndZoom(point, 12);map.enableScrollWheelZoom(true);var geolocation = new BMap.Geolocation();geolocation.getCurrentPosition(function (r) {if (this.getStatus() == BMAP_STATUS_SUCCESS) {var mk = new BMap.Marker(r.point);map.addOverlay(mk);map.panTo(r.point);}else {alert('failed' + this.getStatus());}}, {enableHighAccuracy: true});map.addEventListener("click", function (e) {//获取当前点击 位置的经纬度，并显示在文本框中document.getElementById('latitude').value = e.point.lat;document.getElementById('longitude').value = e.point.lng;map.clearOverlays();var new_point = new BMap.Point(e.point.lng, e.point.lat);var new_mk = new BMap.Marker(new_point);map.addOverlay(new_mk);map.panTo(new_point);var gc = new BMap.Geocoder();gc.getLocation(new_point, function (rs) {//获取当前点击 位置的 省市县，街道号 和街道名称。并显示在 文本框中//街道号 和街道名称 不一定能获取到，有时候为空。var addComp = rs.addressComponents;$("#province-map").val(addComp.province);$("#city-map").val(addComp.city);$("#district-map").val(addComp.district);$("#room-address-map").val(addComp.streetNumber);$("#map-address").val(addComp.street);});});}

在百度地图中获取当前点击位置的经纬度和地址信息相关推荐

在高德地图中获取鼠标点击的经纬度
本文目录一.注册高德开放平台 (一)创建应用 (二)添加 Key 二.代码实现 1. 引入必要的 CSS 文件与 JS 文件 2. 放置地图容器 3. 核心 JavaScript 代码三.效果图 ...
Vue中获取当前点击元素的父元素、子元素、兄弟元素
Vue如何获取当前点击元素? 获取父元素.子元素.兄弟元素呢? 通过帮定点击事件: 例如: <button class="shanchu" @click="shan ...
js中获取当前点击的li标签以及li标签中a标签的id
可以使用以下代码来获取当前点击的li标签的id: document.querySelectorAll('li').forEach(function(li) {li.addEventListener(' ...
点击百度地图获取位置详细信息（点击获取当前点击位置信息）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
【百度地图API·javascriptapi】地图定位、创建自定义图标、获取用户点击位置
引言地图在网页上的应用远不止于展示,我们可以借助百度地图定位用户的当前位置,在地图上创建自定义的标记,或者在用户点击地图的时候,获取用户点击位置的经纬度. 定位百度地图给用户提供了专门的定位api ...
H5使用百度地图SDK获取用户当前位置并且标记显示在地图
代码实现功能: H5使用百度地图SDK获取用户当前位置并且标记显示在地图,点击该标记弹出一层自定义的HTML. 效果图: 代码: <!DOCTYPE html> <html>& ...
在百度地图中叠加CAD图及GIS数据展示踩坑记
前言在之前的几篇博客中分别介绍了在Cesium中实现与CAD的DWG图叠加显示分析 https://www.cnblogs.com/vjmap/p/16541751.html . 高德地图与CAD ...
百度地图爬虫——获取某区域所有中学附近的网吧数据
本文思路如下:调用百度地图API获取某区域内所有中学信息,依次获得每个中学的地理坐标,查询该坐标一定半径周围内所有网吧数据,将学校数据和网吧数据依次存入txt文件中. 一.百度地图API密钥申请申请 ...
爬取百度地图，获取城市楼盘信息
有任何需要修正的地方请大家私信,评论. 大佬轻喷@-@ 以下是小项目的需求: *爬取百度地图,获取目标城市楼盘信息, *包括目标楼盘的经纬度,名称,并保存在excel文档中. 大家稍微等下,<这 ...
c语言api获取百度地图,H5调用百度地图API获取地理位置
//获取当前位置 var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function(r){ alert ...

在百度地图中获取当前点击位置的经纬度和地址信息

在百度地图中获取当前点击位置的经纬度和地址信息相关推荐

最新文章

热门文章

在百度地图中获取当前点击 位置的 经纬度 和 地址信息

在百度地图中获取当前点击 位置的 经纬度 和 地址信息相关推荐

最新文章

热门文章

在百度地图中获取当前点击位置的经纬度和地址信息

在百度地图中获取当前点击位置的经纬度和地址信息相关推荐