高德地图定位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的值
- 高德地图定位demo
- 运行高德地图定位与地图实例Demo
- 高德地图demo
- 高德地图定位
- 高德地图---定位
- 高德地图定位
- 高德地图定位
- 高德地图 - 定位
- 高德地图定位
- 高德地图-定位
- 高德地图定位
- 高德地图定位
- 高德地图定位
- 高德地图定位
- 高德地图定位
- 高德地图定位
- 高德地图定位
- 高德地图定位
- php使用$this变量访问方法和属性
- 独家 | 盘点大数据标准化政策、组织及进展(附PPT下载)
- 后端开发--基础概念:Session 与 Cookie 的比较(2)
- Mysql中LAST_INSERT_ID()的函数使用详解
- PHP的final关键字
- 高德地图定位demo
- 【NoSql】Redis实践篇-简单demo实现(一)
- DP—矩阵链乘法(代码)
- php的抽象类
- 进制转换
- 我的物联网项目(十) 线下之战
- 两个月实习笔记
- php接口的使用
- 免费看各大视频网站VIP电影-破解vip电影网站