高德接口迅速开发属于自己的APP

<script src='http://webapi.amap.com/maps?v=1.3&key=您申请的key值'></script>

<script type="text/javascript">

var map; //加载地图
var geolocation;//调用浏览器定位服务
    map = new AMap.Map('divID');//'divID'是div的ID名称
map.setZoom(10);//地图显示的缩放级别范围
map.setCenter([116.313667, 39.93927]);//地图中心点坐标值
    map.plugin('AMap.Geolocation', function() {
        geolocation = new AMap.Geolocation({
            enableHighAccuracy: true,//是否使用高精度定位,默认:true
            timeout: 10000,          //超过10秒后停止定位,默认:无穷大
            maximumAge: 0,           //定位结果缓存0毫秒,默认:0
            convert: true,           //自动偏移坐标,偏移后的坐标为高德坐标,默认:true
            showButton: true,        //显示定位按钮,默认:true
            buttonPosition: 'LT',    //定位按钮停靠位置,默认:'LB',左下角
            buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
            showMarker: true,        //定位成功后在定位到的位置显示点标记,默认:true
            showCircle: true,        //定位成功后用圆圈表示定位精度范围,默认:true
            panToLocation: true,     //定位成功后将定位到的位置作为地图中心点,默认:true
            zoomToAccuracy: true      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
        });


        map.addControl(geolocation);
        AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息
        AMap.event.addListener(geolocation, 'error', onError);      //返回定位出错信息
    });


       //获取当前位置信息
    function getCurrentPosition() {
        geolocation.getCurrentPosition();
    }
    //监控当前位置并获取当前位置信息
    function watchPosition() {
        geolocation.watchPosition();
    } 
      //解析定位结果
    function onComplete(data) {
        var str ;
        str += '<div>经度:' + data.position.getLng() + '</div>';
        str += '<div>纬度:' + data.position.getLat() + '</div>';
        result.innerHTML = str;
    }
        //解析定位错误信息
    function onError(data) {
        var str = '<p>定位失败</p>';
        str += '<p>错误信息:'
        switch (data.info) {
            case 'PERMISSION_DENIED':
                str += '浏览器阻止了定位操作';
                break;
            case 'POSITION_UNAVAILBLE':
                str += '无法获得当前位置';
                break;
            case 'TIMEOUT':
                str += '定位超时';
                break;
            default:
                str += '未知错误';
                break;
        }
        str += '</p>';
        result.innerHTML = str;
    }




    //添加点标记
    function marker()
    {
  var marker = new AMap.Marker({
            position: [116.313667, 39.93927]
        });
marker.setMap(map);
    var infowindow = new AMap.AdvancedInfoWindow({
   offset: new AMap.Pixel(0, -30),
   size:new AMap.Size(300,0)
});
infowindow.open(map,marker.getPosition());

    }

</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值