Javascript 我可以激活谷歌地图API地理定位onclick吗?
是否可以通过onclick激活地理位置js 如果我包括地理位置代码(http://code.google.com/apis/maps/documentation/javascript/basics.html#DetectingUserLocation)在“我的地图”中,它可以正常工作,但会启动代码加载 我想做的是给用户一个用按钮进行地理定位的选项。我已经尝试将相关代码移动到onclick()函数中,但这似乎不起作用 这是我的密码:Javascript 我可以激活谷歌地图API地理定位onclick吗?,javascript,google-maps,Javascript,Google Maps,是否可以通过onclick激活地理位置js 如果我包括地理位置代码(http://code.google.com/apis/maps/documentation/javascript/basics.html#DetectingUserLocation)在“我的地图”中,它可以正常工作,但会启动代码加载 我想做的是给用户一个用按钮进行地理定位的选项。我已经尝试将相关代码移动到onclick()函数中,但这似乎不起作用 这是我的密码: function initialize() { var latl
function initialize() {
var latlng = new google.maps.LatLng(51.5146984674518, -0.0723123550415039);
var myOptions = {
zoom: 14,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
position: google.maps.ControlPosition.RIGHT_BOTTOM
},
panControl: true,
panControlOptions: {
position: google.maps.ControlPosition.TOP_RIGHT
},
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.LARGE,
position: google.maps.ControlPosition.TOP_RIGHT
},
streetViewControl: false,
};
var map = new google.maps.Map(document.getElementById("energymap"),
myOptions);
}
$('a#geolocate').click(function() {
// Try W3C Geolocation (Preferred)
if(navigator.geolocation) {
browserSupportFlag = true;
navigator.geolocation.getCurrentPosition(function(position) {
initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
map.setCenter(initialLocation);
}, function() {
handleNoGeolocation(browserSupportFlag);
});
// Try Google Gears Geolocation
} else if (google.gears) {
browserSupportFlag = true;
var geo = google.gears.factory.create('beta.geolocation');
geo.getCurrentPosition(function(position) {
initialLocation = new google.maps.LatLng(position.latitude,position.longitude);
map.setCenter(initialLocation);
}, function() {
handleNoGeoLocation(browserSupportFlag);
});
// Browser doesn't support Geolocation
} else {
browserSupportFlag = false;
handleNoGeolocation(browserSupportFlag);
}
function handleNoGeolocation(errorFlag) {
if (errorFlag == true) {
alert("Geolocation service failed.");
initialLocation = newyork;
} else {
alert("Your browser doesn't support geolocation. We've placed you in Siberia.");
initialLocation = siberia;
}
map.setCenter(initialLocation);
}
});
是的,这是可能的。尝试在$(document).ready(function()块中包含click事件代码,如下所示:
$(document).ready(function() {
$('a#geolocate').click(function() {
....
});
});
我刚刚对您的代码进行了一些测试,一旦我将其包含在$(document).ready handler中,它就对我起了作用。谢谢您。我一直在寻找一种从onload到button onclick的方法,效果非常好。