js 调用android定位,基于html5+ 高德地图JS API使用安卓定位sdk用来进行定位
时间: 2024-01-24 21:05:25 浏览: 146
可以通过调用HTML5 Geolocation API来获取用户的经纬度信息然后再使用高德地图JS API实现地图展示和定位标记等功能。同时,要在Android平台上使用定位SDK进行定位,需要在HTML5+运行环境中进行配置和调用。
具体步骤如下:
1. 在HTML5+项目中引入高德地图JS API和定位SDK相应的插件。
2. 在JS代码中使用HTML5 Geolocation API获取经纬度信息,并调用定位SDK进行定位。
3. 在定位成功后,调用高德地图JS API实现地图展示、定位标记等功能。
下面是一个示例代码:
```javascript
// 获取地理位置信息
navigator.geolocation.getCurrentPosition(function(position) {
// 获取经纬度信息
var lat = position.coords.latitude;
var lng = position.coords.longitude;
// 调用定位SDK进行定位
plus.geolocation.getCurrentPosition(function(p) {
// 获取定位成功后的经纬度信息
var lat = p.coords.latitude;
var lng = p.coords.longitude;
// 在地图上展示定位标记
var map = new AMap.Map('container', {
center: [lng, lat],
zoom: 16
});
var marker = new AMap.Marker({
position: [lng, lat]
});
map.add(marker);
}, function(e) {
// 定位失败
alert('定位失败:' + e.message);
});
}, function(error) {
// 获取地理位置失败
alert('获取地理位置失败:' + error.message);
});
```
需要注意的是,如果要在WebView中使用HTML5+运行环境进行定位,还需要进行相应的WebView配置,具体可以参考HTML5+开发文档。
阅读全文