我怎样才能在地图上显示值守位置?
How can i show the watchposition lat lon on the map
我使用cordova来查找使用watchPosition()方法的设备位置。我能成功找回位置,但是我想将watchposition()的纬度和经度值传递给Google地图。我该怎么做呢?
index . html
<div id="map"></div>
<script>
var map;
function initMap() {
var myLatLng = {
//here the lat and lon should update on intervals
};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: myLatLng
});
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: 'Hello World!'
});
}
</script>
app.js
$("#getGeolocation").on('click', function(){
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
function onSuccess(position) {
var element = document.getElementById('geolocation');
element.innerHTML = 'Latitude: ' + position.coords.latitude + '<br />' +
'Longitude: ' + position.coords.longitude + '<br />' +
'<hr />' + element.innerHTML;
}
function onError(error) {
alert('code: ' + error.code + ''n' +
'message: ' + error.message + ''n');
}
var watchID = navigator.geolocation.watchPosition(onSuccess, onError, { timeout: 3000 });
}
});
在onSuccess
事件处理程序中更新标记的位置,如下所示:
function onSuccess(position) {
var pos = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
// Center map
map.setCenter(pos);
// Update marker position
marker.setPosition(pos);
}
这是通过传递经度和纬度来显示Google地图的javascript。
var myLatlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
相关文章:
- 如何在Simile展品地图中显示位置
- 在TWebBrowser(谷歌地图)中显示位置,而无需单击按钮
- 如何使用XML中的经度和纬度值在地图上显示位置
- Jquery下拉菜单位于幻灯片上方的一个显示位置
- 谷歌地图 API v3 未正确显示位置
- 必应地图未使用 asp.net MVC 显示位置
- 在地图上显示位置
- 使用移动网络应用程序在iphone地图上显示位置
- 栏杆4:单击链接后如何更改显示位置
- 如何在网站上向用户显示位置(国家)
- 在Firefox中显示位置栏
- 无法使用Javascript在谷歌地图中显示位置详细信息
- 如何在Google Maps Places API上突出显示位置
- 根据弹出窗口的显示位置动态更改弹出窗口的位置
- 拖放时显示位置和合计
- 显示位置的变化在谷歌地图上没有重新加载地图一次又一次
- takto显示位置固定
- 在Google Maps API的标记上显示位置信息
- 使用JavaScript检查是否显示位置栏(适用于Internet explorer)
- 如何修改jQuery输入的显示位置