国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue使用高德地圖根據坐標定位點的實現代碼

2019-11-19 10:59:52
字體:
來源:轉載
供稿:網友

前言

項目中需要根據坐標定位,將自己的實現過程寫下來,廢話不多說,上代碼

正文

<script>var map,marker;export default {  data(){    return{      arriveCoor:[108.947025,34.2613255],//坐標點      arrive:"",//位置信息    }       },  mounted() {       mapDraw(this.arriveCoor),    mapCoor(this.arriveCoor)  },  methods:{     mapDraw(arriveCoor){     map = new AMap.Map('map-location', {  //map-location是嵌地圖div的id       resizeEnable: true, //是否監控地圖容器尺寸變化       zoom:16, //初始化地圖層級       center: arriveCoor //初始化地圖中心點     });     // 定位點     this.addMarker(arriveCoor);  },  // 實例化點標記  addMarker(arriveCoor) {    var _this = this;    marker = new AMap.Marker({      icon: "", //圖片ip      imageSize: "20px",      position: arriveCoor,      offset: new AMap.Pixel(-13, -30),      // 設置是否可以拖拽      draggable: true,      cursor: 'move',      // 設置拖拽效果      raiseOnDrag: true    });    marker.setMap(map);  },  // 查詢坐標  mapCoor(lnglatXY){    var _this = this;    AMap.service('AMap.Geocoder',function() {//回調函數      var geocoder = new AMap.Geocoder({});      geocoder.getAddress(lnglatXY, function (status, result) {        if (status === 'complete' && result.info === 'OK') {          //獲得了有效的地址信息:          _this.arrive = result.regeocode.formattedAddress;        else {          _this.arrive = "暫無位置";        }      });    })  },}</script> 

總結

以上所述是小編給大家介紹的vue使用高德地圖根據坐標定位點的實現代碼,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 大埔区| 南召县| 焉耆| 那坡县| 黄平县| 乌拉特前旗| 凤冈县| 泰安市| 定西市| 武义县| 台中市| 大邑县| 陵水| 探索| 新龙县| 简阳市| 东兰县| 贵德县| 偃师市| 富蕴县| 阜阳市| 乡城县| 夹江县| 酉阳| 阿勒泰市| 齐齐哈尔市| 临潭县| 行唐县| 石景山区| 北安市| 普陀区| 施甸县| 岚皋县| 余庆县| 旌德县| 越西县| 红安县| 理塘县| 莲花县| 北流市| 理塘县|