PhoneGap / Cordova:Google Maps API - 放置在我的位置 [英] PhoneGap/Cordova: Google Maps API - drop pin on my position
本文介绍了PhoneGap / Cordova:Google Maps API - 放置在我的位置的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我可以使用Google Maps API在PhoneGap中在地图上显示我的位置。现在它只是显示地图 - 没有pindrop或任何类似的。
I am able to show my location on a map using Google Maps API in PhoneGap. Right now it just shows the map - no pindrop or anything like that. I was wondering if anyone knew how to drop a pin on the location you bring up?
我到目前为止的代码是:
The code I have so far is:
//GEOLOCATION
var onSuccess = function(position) {
var myLat = position.coords.latitude;
var myLong = position.coords.longitude;
//MAP
var mapOptions = {
center: new google.maps.LatLng(myLat, myLong),
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
};
// onError Callback receives a PositionError object
//
function onError(error) {
alert('code: ' + error.code + '\n' +
'message: ' + error.message + '\n');
}
navigator.geolocation.getCurrentPosition(onSuccess, onError);
如果任何人都能告诉我如何在那个位置放一个pin,那真是太棒了!感谢
If anyone can tell me how to drop a pin on that location that would be really awesome! Thanks
推荐答案
找到了! https://developers.google.com/maps/documentation/javascript/overlays#Marker
已调整我的代码:
//GEOLOCATION
var onSuccess = function(position) {
var myLat = position.coords.latitude;
var myLong = position.coords.longitude;
//MAP
var mapOptions = {
center: new google.maps.LatLng(myLat, myLong),
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
var marker = new google.maps.Marker({
position: new google.maps.LatLng(myLat, myLong),
map: map,
title:"Hello World!"
});
};
// onError Callback receives a PositionError object
//
function onError(error) {
alert('code: ' + error.code + '\n' +
'message: ' + error.message + '\n');
}
navigator.geolocation.getCurrentPosition(onSuccess, onError);
这篇关于PhoneGap / Cordova:Google Maps API - 放置在我的位置的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文