<强>微信小程序高德地图SDK: 强>
简介
微信小程序SDK帮您在微信小程序中获取高德丰富的地址描述,芋泥和实时天气数据。
功能介绍
账号与关键的申请
注册成为高德开发者需要分三步:
第一步,注册高德开发者;第二步,去控制台创建应用;第三步,获取关键。
1注册高德开发者
2创建应用
3获取API键
获取API键
<强>入门指南强>
最后更新时间:2017年1月9日
本指南是使用微信小程序SDK的快速入门指南。
第1步:下载并安装微信小程序开发工具
按照微信小程序开发文档下载并安装微信小程序开发者工具。
第2步:获取高德键
点我获取Key>在
点我查看申请高德关键的方法在祝辞
第3步:创建项目
按以下步骤新建一个本地小程序项目。
1,启动“微信网页开发者工具”,使用微信扫描二维码后,并在微信上点击”确认登录”按钮后登录到开发工具。
2,点击”本地小程序项目”按钮选择调试类型。
3点击“+”按钮,添加项目。
4,依次输入AppID(获取方法请参考:),项目名称,选择项目目录,并勾选“在当前目录中创建快速启动项目”,然后点击“添加项目”按钮,重新登录微信公众平台,完成项目创建。相关下载页面下载开发包并解压。
第4步:下载并安装微信小程序SDK
从相关下载页面下载开发包并解压。
解压后得到amap-wx。js文件,在创建的项目中,新建一个名为填词目录,将amap-wx。js文件拷贝到填词的本地目录下,完成安装。
第5步:设置安全通讯域名
为了保证高德小程序SDK中提供的功能的正常使用,需要设置安全域名。
登录微信公众平台,在“设置”→“开发设置”中设置请求合法域名,将中添加进去,如下图所示:
第6步:你好AMapWX
1,创建小程序实例。
若在创建项目时,勾选了“在当前目录中创建快速启动项目”,可直接跳过此步骤,否则请参考微信小程序开发文档进行小程序示例创建。
2,设置索引。js文件。
索引。js在项目空间的页面/索引目录下,是页面的脚本文件,在这个文件中完成监听并处理页面的生命周期函数,声明并处理数据,响应页面交互事件等。
首先,在索引。js中引入amap-wx。js文件。
var amapFile=要求(“路径//amap-wx.js”);//如:.:. .:/libs/amap-wx.js
然后,在索引。js中实例化AMapWX对象,调用getPoiAround方法,获取POI数据。
为保证标记以自定义的图标显示,需在项目中新建img目录,并将标记对应的图标拷贝到项目的本地的img目录中,同时在索引。js添加以下代码:
var markersData=[]; 页面({ 数据:{ 标记:[], 纬度:”, 经度:”, textData: {} }, makertap:函数(e) { var id=e.markerId; var=这个; that.showMarkerInfo (markersData、身份证); that.changeMarkerColor (markersData、身份证); },> & lt;视图类=癿ap_container”比; & lt;地图类="地图" id=暗赝肌本任扯?="{{经度}}{{纬度}}”=?4”规模show-location=" true "标记="{{标记}}" bindmarkertap=癿akertap祝辞& lt;/map> & lt;/view> & lt;视图类=癿ap_text”比; & lt;文本类=" h2 "在{{textData.name}} & lt;/text> & lt; text> {{textData.desc}} & lt;/text> & lt;/view>微信小程序高德地图SDK详解及简单实例(源码下载)