小程序调用高德地图

1. https://lbs.amap.com/api/wx/gettingstarted 文档链接
   

2. 登录高德开发平台申请自己的key

1、在页面的 js 文件中，实例化 AMapWX 对象，处理搜索数据。

首先，引入 amap-wx.js 文件（amap-wx.js  从相关下载页面下载的 zip 文件解压后得到）。

JavaScript

var amapFile = require('path/to/amap-wx.js');//如：..­/..­/libs/amap-wx.js

然后，构造 AMapWX 对象，并调用 getPoiAround 方法，代码如下：

JavaScript

Page({  onLoad: function() {    var that = this;    var myAmapFun = new amapFile.AMapWX({key:'高德Key'});
    myAmapFun.getPoiAround({      success: function(data){        //成功回调
      },      fail: function(info){        //失败回调
        console.log(info)
      }
    })
  },
})

2、编写页面的 wxml 文件，搭建页面结构。

WXML

<view class="map_container">
  <!--定义页面结构，可以使用地图组件也能使用其他组件 --></view>