Hbuilder开发app引入地图

最新推荐文章于 2025-03-05 15:44:58 发布

ゞ瀟灑亾眚ゞ

最新推荐文章于 2025-03-05 15:44:58 发布

阅读量2.8k

点赞数 1

分类专栏： Plus.maps.Map

本文链接：https://blog.youkuaiyun.com/qq_41078088/article/details/89526653

版权

在Hbuilder开发App的过程中，为实现地图定位功能，作者最初尝试引入百度地图未果，转而参考HTML5中国产业联盟的文档。文中详细介绍了如何利用HTML5 Plus的Maps API创建地图容器，获取并显示用户位置，以及在地图上添加标记。虽然没有实现导航和计算面积等高级功能，但提供了基础的地图集成方法。

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

由于开发需要使用到地图进行定位，所以在网上找了许多的资料，一开始，准备引入百度地图，但是因为各种原因，引入失败，只好另寻他路，找到了HTML5中国产业联盟这个网址：http://www.html5plus.org/doc/zh_cn/maps.html
里面关于Hbuilder开发App的各种详细介绍，例如：调用手机摄像头、获取手机的通讯录等等。
里面其中的一个是关于Maps的，如何引入手机的内置的地图，或者是调用安装的地图软件。
代码如下：

var map = new plus.maps.Map("map");

 plus.geolocation.getCurrentPosition(function(p) {

	// map.setMapType(plus.maps.MapType.MAPTYPE_SATELLITE);
	console.log(p.addresses);
	console.log(p.coords.longitude);
	console.log(p.coords.latitude);
	var gpsPoint = new plus.maps.Point(p.coords.longitude, p.coords.latitude);//将坐标转为点
	map.centerAndZoom(gpsPoint, 19);
	var marker = new plus.maps.Marker(gpsPoint);
	var bubble = new plus.maps.Bubble();
	marker.setBubble(bubble);
	map.addOverlay(marker);
	SeachMap("广州市北达技工学校");//搜索地区
},
function(e) {},

最低0.47元/天解锁文章