移动端获取百度地图经纬度

最新推荐文章于 2024-04-16 15:59:38 发布

zaqwsx__123456

最新推荐文章于 2024-04-16 15:59:38 发布

阅读量314

点赞数

CC 4.0 BY-SA版权

分类专栏：移动端地图经纬度文章标签：移动端经纬度

本文链接：https://blog.youkuaiyun.com/zaqwsx__123456/article/details/90634776

移动端地图经纬度专栏收录该内容

1 篇文章

订阅专栏

本文介绍了在移动端应用中如何处理百度地图的点击事件，以获取地图上的经纬度坐标。通过设置地图的touchmove和touchend事件监听，禁用和启用拖动功能，确保在点击时能正确触发click事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做移动端运用百度地图，单击要获取经纬度，单击事件不起作用，找了好久终于找到了。

//创建和初始化地图函数： function initMap() { createMap();//创建地图 setMapEvent();//设置地图事件 addMapControl();//向地图添加控件 }

		//创建地图函数：
		function createMap() {
			var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
			var point = new BMap.Point(108.952342,34.279215 );//定义一个中心点坐标
			map.centerAndZoom(point, 11);//设定地图的中心点和坐标并将地图显示在地图容器中
			window.map = map;//将map变量存储在全局
		}
		//地图事件设置函数：
		function setMapEvent() {
			map.disableDragging();//启用地图拖拽事件，默认不启用
			map.enableScrollWheelZoom();//启用地图滚轮放大缩小
			map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
			map.enableKeyboard();//启用键盘上下左右键移动地图
		}
		
		//地图控件添加函数：
		function addMapControl() {
			//向地图中添加缩放控件
			var ctrl_nav = new BMap.NavigationControl({
				anchor : BMAP_ANCHOR_TOP_LEFT,
				type : BMAP_NAVIGATION_CONTROL_LARGE
			});
			map.addControl(ctrl_nav);
		}
		function showInfo(e) {
			var data = document.getElementById("data");
			data.value = e.point.lng + "," + e.point.lat;
		}
		
		initMap();//创建和初始化地图
		map.addEventListener("click", showInfo);
		document.getElementById("sure").addEventListener('tap',function(){
			var locations = $('input[name="data"]').val();
			var main=plus.webview.currentWebview().opener();
			mui.fire(main,'changeCity',{locations:locations});
			console.log(locations);
			mui.back();
		})

// 触摸移动时触发此事件此时开启可以拖动。*这个是主要的
map.addEventListener(“touchmove”, function (e) {
map.enableDragging();
});
// 触摸结束时触发次此事件此时开启禁止拖动。 *这个是主要的
map.addEventListener(“touchend”, function (e) {
map.disableDragging();
});
主要是手机端禁用地图拖拽 click事件就会被触发。
也是在网上找的大神的，不对请指出。