码迷,mamicode.com
首页 > 编程语言 > 详细

高德地图javascriptAPI基本使用心得(下)

时间:2017-04-06 11:51:38      阅读:331      评论:0      收藏:0      [点我收藏+]

标签:result   官方文档   覆盖物   相对   style   asc   var   返回   coder   

接着上篇讲高德地图,
3.逆地理编码(通过所知道的经纬度获取当前地址)

//逆地理编码
    lnglatXY = [116.42319, 39.84122]; //已知点坐标
    function regeocoder() {  //逆地理编码
        var geocoder = new AMap.Geocoder({
            radius: 1000,
            extensions: "all"
        });
        geocoder.getAddress(lnglatXY, function(status, result) {console.log(status,result);
            if (status === ‘complete‘ && result.info === ‘OK‘) {
                geocoder_CallBack(result);
            }
        });        
        var marker = new AMap.Marker({  //加点
            map: map,
            position: lnglatXY
        });
        map.setFitView();
    }
   function geocoder_CallBack(data) {
        var address = data.regeocode.formattedAddress; //返回地址描述
    }

4.显示地图中心点,并提示文字

var map = new AMap.Map("container", {
            resizeEnable: true,
            center: [经度, 纬度 }],//地图中心点
            zoom: 13 //地图显示的缩放级别
        });    
        var marker = new AMap.Marker({ //添加自定义点标记
            map: map,
            position: [经度, 纬度 }], //基点位置
            offset: new AMap.Pixel(-17, -42), //相对于基点的偏移位置
            draggable: true,  //是否可拖动
            content: ‘<div class="marker-route marker-marker-bus-from"></div>‘   //自定义点标记覆盖物内容
        });
        //设置鼠标划过点标记显示的文字提示  
        marker.setTitle("设置位置");  
        marker.setLabel({  
            offset: new AMap.Pixel(15, 15),  
            content: "${merchant_address}${merchantmerchant_name}"  
        });

对于高德地图基本用法还请详见高德地图开发者官方文档,就此列出四个常用基本用法,谢谢!

高德地图javascriptAPI基本使用心得(下)

标签:result   官方文档   覆盖物   相对   style   asc   var   返回   coder   

原文地址:http://www.cnblogs.com/xiaomingge/p/6672683.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!