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

Posted 文艺范儿m

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了高德地图javascriptAPI基本使用心得(下)相关的知识,希望对你有一定的参考价值。

接着上篇讲高德地图,
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基本使用心得(下)的主要内容,如果未能解决你的问题,请参考以下文章

百度地图API基本使用(一)

高德地图怎么定位javascript

原创web端高德地图javascript API的调用

高德地图Js API的使用

高德地图(AMap)JavaScript API的使用

如何使用百度地图API