微信小程序可搜索的地址选择实现详解(2)-木庄网络博客

map.wxml

<!--pages/map/map.wxml-->
<view class="container">
 <map
  id="myMap"
  style="width: 100%; height: 100%;"
  latitude="{{latitude}}"
  longitude="{{longitude}}"
  markers="{{markers}}"
  show-location
 ></map>
</view>

map.js

// pages/map/map.js
Page({
 data: {
  latitude: 31.22786,
  longitude: 121.46658,
  markers: [{
   id: 1,
   latitude: 31.22786,
   longitude: 121.46658,
   name: '上海招商局广场'
  }]
 },
 onReady(e) {
  this.mapCtx = wx.createMapContext('myMap')
 }
})

更多ECSHOP内容来自木庄网络博客

标签：ECSHOP

返回前面的内容

相关阅读 >>

ECSHOP显示某商品销售累计效果的实现代码

ECSHOP 订单确认中显示省市地址信息的方法

ECSHOP后台编辑器替换成ueditor编辑器

微信小程序购物商城系统开发系列-工具篇的介绍

原生js实现的放大镜特效示例【测试可用】

使用php实现快钱支付功能(涉及到接口)

微信小程序自定义ypicker组件实现省市区三级联动功能

iis6.0+tomcat7.0整合总结(推荐)