微信小程序高德地图SDK详解及简单实例(源码下载)

  

<强>微信小程序高德地图SDK:

  

简介   

微信小程序SDK帮您在微信小程序中获取高德丰富的地址描述,芋泥和实时天气数据。

  

  

功能介绍

  

  

              

微信小程序高德地图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中提供的功能的正常使用,需要设置安全域名。

  

登录微信公众平台,在“设置”→“开发设置”中设置请求合法域名,将中添加进去,如下图所示:

  

微信小程序高德地图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详解及简单实例(源码下载)