高德地图定位demo

来源:互联网 发布:java 吧 编辑:程序博客网 时间:2024/06/05 11:27

最近做了高德地图定位的case,把一些经历写了下来,方便以后用到

<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.1&key=jsp_key"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
<!--高德定位-->
<script type="text/javascript">
 var map, geolocation;
    //加载地图,调用浏览器定位服务
    map = new AMap.Map('container', {
        resizeEnable: true
    });
    map.plugin('AMap.Geolocation', function() {
        geolocation = new AMap.Geolocation({
            enableHighAccuracy: true,//是否使用高精度定位,默认:true
            timeout: 10000,          //超过10秒后停止定位,默认:无穷大
            buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
            zoomToAccuracy: true,      //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
            buttonPosition:'RB'
        });
        map.addControl(geolocation);
        geolocation.getCurrentPosition();
        AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息
        AMap.event.addListener(geolocation, 'error', onError);      //返回定位出错信息
    });
    //解析定位结果
    function onComplete(data) {
        var lng=data.position.getLng();
        var lat=data.position.getLat();
        //赋值经纬度
        $("#coordinateInput").val(lng+","+lat);
    }
    //解析定位错误信息
    function onError(data) {
      alert("定位失败");
    }
</script>

 <input type="hidden" name="coordinate"   id="coordinateInput"/>

使用ModelAndView,获取name的值

原创粉丝点击