微信小程序内怎么导入地图,距离测算_软件运维

进入腾讯地址服务官网。

在微信小程序中插入个性化地图：进入腾讯地址服务官网，控制台、个性化渣姿此地图、个性化样册或式、样如迅式选择。>

先定位目前的位置，再根据输入的目的地进行两地之间的距离计算。（前提是先导入高德地图相应的sdk包）。

、设置你的地理位置，以北京大学为例子如图：

3、简单设置下地图功能，也可以不设置。地图的宽度和高度根据网页空间的大小设置就可以。

4、设置地图信息标注，这个有利于查看地图的人一眼就看到自己在什么位置，而且也很清楚的标注了你所要标注地点的名称。

5、设置以后查看效果：

6、另外两个也是标注工具耐氏樱，使用方法和这个是一样的。

7、获取代码，以上都设置好了以后，就可以获取地图代码了

8、复制地图代码插入到网站的页面源文核槐件中，如果你是在网站后台编辑中想要插入地图，就点击后台的源代码按钮，直接将地图代码复制进去就昌丛可以。

新建一个文件,写入下面的代码:

<!doctype html>

<html>

<head>

或老 <title>Baidu Map V1.2</title>

</script>

</head>

<body>

</div>

</body>

</html>

var map = new BMap.Map("container") // new Map

var point = new BMap.Point(116.397128, 39.916527) // Location, （经度, 纬度）

map.centerAndZoom(point, 15) // show Map

// 添加缩放功能

map.enableScrollWheelZoom()

map.enableKeyboard()

</script>

保存到程序exe同一目录下,文件名:map.html

然后BUTTON点击事件:

WebBrowser1.Navigate(Application.StartupPath & "\map.html")

这样就可以了

ps:经纬度可以到百度地图迹山官网去获取

或者到:http://api.map.baidu.com/lbsapi/creatmap/ 去生成代码

欢迎分享，转载请注明来源：内存溢出

微信小程序内怎么导入地图,距离测算