微信小程序---微信小程序中实现地图的demo及流程

1.下载地图包 ： qqmap-wx-jssdk.min.js

2.在小程序的管理页面配置小程序的请求域名：https://apis.map.qq.com

3.使用

wxml

<view class="page-box">
  <map
  id="citymap"
  name="citymap"
  longitude="{
  
  {longitude}}"
  latitude="{
  
  {latitude}}"
  polyline="{
  
  {polyline}}"
  markers="{
  
  {markers}}"
  scale="{
  
  {scale}}"
  style="width: 100%; height: 100%;"
  show-location
>		
  
  <cover-view class='map-search-view' bindtap="toMapSearch" >
    <cover-image class='map-img-search' src="./images/search_icon.png"></cover-image>
  </cover-view >
</map>
</view>

js

//引入地图包
var QQMapWX = require('../../../assets/mappackagejs/qqmap-wx-jssdk.min.js');