更新记录

1.0.1（2020-07-19）

修改优化图标

1.0.0（2019-07-24）

首次新增地图组件，主要是在地图上标记附近门店，门店信息，距离最近门店的距离。点击门店信息自定义跳转（需要的自己可以写页面跳转）后期继续添加组件功能

平台兼容性

在manifest.json中授权 permission

wx.getLocation的方法需要在 manifest.json 微信小程序中授权  微信接口描述 

传统的在pages.json 配置一下信息不生效。
"permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  },

使用方法

<template>
    <view class="content">
        <hchPosition :storeData="storeData" :markers="markers"></hchPosition>
    </view>
</template>

<script>
import hchPosition from "../../wxcomponents/hch-position/hch-position"
export default {

    data() {
        return {
            storeData:[//门店信息展示  id name address tel 必填
                {
                    id:1,
                    name:'门店XXXXX1号',
                    address:'厦门市思明区汇景商业广场XXX1号',
                    tel:'12345678900',
                },{
                    id:2,
                    name:'门店XXXXX2号',
                    address:'厦门市思明区汇景商业广场XXX2号',
                    tel:'12345678900',
                },
            ],
            markers: [//门店在地图上的标记 以下字段必填 
                {
                id:1,
                latitude: 24.4483294023427,
                longitude: 118.08479034393311,
                iconPath: '../../static/门店.png',
                callout:{
                    content:"门店XXXXX1号店",
                    borderRadius:10,
                    padding:10,
                    display:"ALWAYS",
                }
            }, {
                id:2,
                latitude: 24.45580,
                longitude: 118.12266,
                iconPath: '../../static/门店.png',
                callout:{
                    content:"门店XXXXX2号店",
                    borderRadius:10,
                    padding:10,
                    display:"ALWAYS",
                }
            }],
        }
    },
    components:{
        hchPosition,
    }, 
    methods: {

    },
    onShow() {

    }
}
</script>