简单分析如何在迷你程序中介绍后卫地图（微信迷你程序调用盖德地图天气）

如何在迷你程序中安装防护图？ 在本文中，我们将向您展示如何将Gaode Map与微信小程序一起使用。我希望它对每个人都有帮助。

获取守卫地图用户密钥，如果您不请求

密钥，则必须先应用。 输入Gaode开发平台lbs.amap.com/。 “开发指南”提供了->键的详细说明。在Console ->应用程序管理->我的应用程序中，您可以查看创建的键。 [相关学习建议：迷你程序开发教程]

您可以封装

键，因此您不必每次都寻找它。 在lib文件夹中创建一个新的config.js文件

var config = {键：键module.exports.config = config;

在Gaode的JS中使用JS导入，键是Gaode Map Api api

var amapfile = require（'../ ../ lib/amap - wx.130.js'）;  // gaod jsvar config = require（'..// lib/config.js'）;  //检查配置文件以获取当前位置

创建一个护罩映射实例，然后将其用于myamapfun

var key = config.config.key; var myamapfun = new amapfile.amapwx（{key：key}）;

getregegeo getregeo方法

myamapun.getregeo（{保存成功数据（{key：key}）;

（经度的纬度和位置信息）data [0] .desc //保存获得的信息ata [0] .latitude，获取位置失败}}）;

您可以看到正确输出的数据。您可以根据我们的需求获取信息

查看WXML文件的地图。宽度设置为100％，高度为400％。比例是地图的缩放比例

map /map /map /view text {{textdata.name}} /text text {{textdata.desc}}}}} /text /text /text /vive

红色标记点是标记的数据。 blue标记点由show - location =“ true”显示，但是实际的机器预览不再是

获取附近的点，只有前面10

Data: {#Current Position Longitude:, #Latitude Latitude:, #Get Marking Information for Posmarker:[], #Get Location Information for Posdatas:[], #Simple Display of Information Text: {}}

Getpoiaround Interface Call to Call Information Near Information Near Information Keyword

get_current_poiaround() {var key = config.config.key;     var myamapfun = new amapfile.amapwx（{key：key}）;   // getRegeo获取当前位置信息（上面使用此方法）myamapfun.getRegeo（{success ：（ data）= {let textdata = {}; textdata.name = data [data [0] .name;}}}）;    //使用关键字获取附近的点myamapfun.getPoiaround（{//更改IC单击之前和之后，图标样式暂时设置为blue.svg。如果未设置，则默认值是一个小的红色图标。 ICONPATH：'../ ../../icon/keshan/blue.svg'，IconPathSelected：'../../../../../../../../../ icon/keshan/keshan/blue.svg'，//搜索键字（POI分类编码），可以在官方文档中下载和显示QueryTypes：'060100'，成功：（ data）= {const markers = data.markers;               �= 10）{                                                                                                                                                          Tude：item.Latitude，``color：'#ffffff'，标记：Markers_New，poisdatas：poisdatas maketap iCon单击事件，将map_text的内容更改为显示

text

text

text

text {{textdata.name}}}}}}}} /data.distance}} m /text text {{textdata.desc}} /text /text /vive

makertap激活showmarkerinfo以显示标记点信息。 this.showmarkerinfo（id）;    this.changemarkercolor（id）;}，

poisdatas并没有说poisdatas可以保存点的位置，但是您可以将其取出并将其保存在TextData中以显示并显示

// showmarkerinfo（showmarkerinfo（i）    this.setData（{{textdata：{name：poisdatas [i] .name，desc：poisdatas：poisdatas，address，down，距离：poisdatas [i] .distance}}}}}，

如果单击位置，则将其替换为disply.svg和bluebg offy.svg，save offy.svg。 changemarkercolor（index）{让{markers} = this.data;S = Image/Resize，P_40标题= 163765182744736.gif Alt = 7.gif/p对于P编程相关的知识，请参阅href = href = https：//www.php.cn/curess.html target = _blankTextvalue = _blankTextvalue = programemment Inter intor to/a！ 呢 /p

这几篇文章你可能也喜欢：

• Gaode Map和Alibaba Charity推出了“毒品慈善互助”平台
• 浅析如何将高德地图引入小程序（如何在小程序中调用地图）
• 高德地图与阿里巴巴公益推出“禁毒公益互助”平台（高德地图被阿里巴巴收购）

本文由主机参考刊发，转载请注明：简单分析如何在迷你程序中介绍后卫地图（微信迷你程序调用盖德地图天气） https://zhujicankao.com/145990.html