百度智能小程序中使用地图

客官°小女子只卖身不卖艺 2022-05-09 15:40 511阅读 0赞

1. 在百度小程序的开发中，如果需要用到地图，那么有两种选择，

第一种是直接使用百度智能小程序中的地图组件 <map> 就可以了；

第二种方式是调用百度 APP 自身的地图，使用

swan.openLocation(\{

latitude: 40.0421934925273,

longitude: 116.27446442239014,

scale: 18,

\});

2. 上面介绍了两种使用地图的方式，下面看一下如何选择两种使用方式：

使用组件 <map>   ：

map 组件的自由度较大，可以自己定义地图中的某些位置，并且对这些位置进行标记，

或者添加一些样式，可以获取当前位置的坐标，并且设置标记，但是没法实现路径导航，

所谓的路径导航就是标记处一条路线，可以从一个点到达另一个点；这个组件只能添加

两个点之间的连线； 特别注意，获取坐标的时候使用 type: 'gcj02' 这种坐标，不然标记

的位置会有偏差，再者，不要在开发者工具中看效果，因为就没有效果，或者位置不对，

测试的话，使用真机进行测试开发；

调用百度 app 地图：

这个地图的自由度较小，只能设置几个参数，但是，使用这种地图可以实现导航，标记出

一条从当前位置到终点的路线，使用这种方式，我们只需要引入地图，然后设置几个参数

即可，没有太多需要我们去写的地方；这种地图下，也要使用 gcj02 坐标；

总结：   一般情况下，我们偏向于使用调用百度 app 地图的方式，这种方式最为简单，效果也不错；

发表评论取消回复

表情：

评论列表（有 0 条评论，511人围观）

还没有评论，来说两句吧...

相关阅读

相关百度地图API的使用——网页中写入百度地图

我们时常在旅行网站、商城网站等都会有一个定位功能和地图出现！那么我们应该要怎样实现这个功能呢？我们自己去实现一个地图，怎样的解决方式显然是不正确的。往往我们都是通过调用成熟的百

红太狼/ 2024年02月17日 15:44/ 0 赞/ 83 阅读

相关小程序百度地图逆地址解析

1.下载 bmap-wx.min.js，官方文档下载[bmap-wx.min.js][] 2.在libs文件下的baidu.js中粘贴下载的内容。 3.index.js

末蓝、/ 2023年06月12日 08:44/ 0 赞/ 4 阅读

相关 Vue中使用百度地图

首先，看看[官方文档][Link 1]，然后投入使用，先看效果： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shado

心已赠人/ 2023年05月22日 04:57/ 0 赞/ 96 阅读

相关百度提前批-百度智能小程序（面经详解）

文章目录百度提前批-百度智能小程序（面经详解） 1、定位 2、z-index 、层叠

亦凉/ 2022年11月27日 15:55/ 0 赞/ 297 阅读

相关百度地图

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2&services=true"></

电玩女神/ 2022年10月01日 03:58/ 0 赞/ 481 阅读

相关百度地图使用心得---适合小白

最近一个项目要使用到百度地图，给大家分享一下使用心得 1.百度一下‘百度地图开发者平台’，点击即可,进入官网之后，根据自己的需求选择相应的API,然后按照入门指南操作即可![

阳光穿透心脏的1/2处/ 2022年05月15日 14:51/ 0 赞/ 388 阅读

相关百度智能小程序引入外部的页面

在百度小程序的开发中，我们可能会有这样的需求，引入外部的页面，类似 iframe 的方式，但是需要注意的是，我们在这里无法使用跳转链接的方式，百度小程序提供了一

r囧r小猫/ 2022年05月09日 15:40/ 0 赞/ 326 阅读

相关百度智能小程序中使用地图

1. 在百度小程序的开发中，如果需要用到地图，那么有两种选择，第一种是直接使用百度智能小程序中的地图组件 <map> 就可以了；第二种方式是调用百度 A

客官°小女子只卖身不卖艺/ 2022年05月09日 15:40/ 0 赞/ 512 阅读

相关小程序申请流程解读：如何申请百度智能小程序

到目前为止，我们通过官方上面所展示的信息和他邀请机制所能够加入到百度小程序，名录当中并没有个人，而且尤其在官网的首页明确的指出，个人是无法加入到百度智能小程序当中去的，由此可见

你的名字/ 2022年04月15日 04:14/ 0 赞/ 316 阅读

相关百度智能小程序学习三

逻辑层：智能小程序的逻辑层使用 JavaScript 编写；逻辑层将数据进行处理后发送给视图层，同时接受视图层的反馈。提供了 getApp 和

傷城~/ 2021年11月01日 04:32/ 0 赞/ 420 阅读