地图坐标选择器

<!-- 导入需要的包 -->
<script type="text/javascript" src='https://webapi.amap.com/maps?v=1.4.11&key=key&plugin=AMap.PlaceSearch'></script>
<script src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>

代码

代码地址

新特性

• 基于高德地图开发
• 可以手动选择坐标
• 可以模糊搜索

使用

• 1.npm install avue-plugin-map —save
• 2.import AvueMap from 'avue-plugin-map'
• 3.Vue.use(AvueMap);
• 4.参考如下代码使用

{}
<avue-map v-model="text" style="width:200px" :lnglat="lnglat"></avue-map>
<script>
export default {
  data() {
    return {
      text:{},
      //初始化坐标
      lnglat: {
        P: 36.71292016263102,
        R: 119.05866949215533
      }
    }
  }
};
</script>