Google maps 用户'上的中心地图;s位置(谷歌地图API v3)
我已经看过很多关于这个问题的其他报告,但是我找不到解决方案来获取用户的位置 这是我的密码:Google maps 用户'上的中心地图;s位置(谷歌地图API v3),google-maps,google-maps-api-3,location,userlocation,Google Maps,Google Maps Api 3,Location,Userlocation,我已经看过很多关于这个问题的其他报告,但是我找不到解决方案来获取用户的位置 这是我的密码: <script src='https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true'> </script> <script> // prepare variables var main = document.getElementById('main'); // asyn
<script src='https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=true'>
</script>
<script>
// prepare variables
var main = document.getElementById('main');
// async XHR request
var xhReq = new XMLHttpRequest();
xhReq.open('GET','../data/data.json', true);
xhReq.onload = function (e) {
if ((xhReq.readyState === 4) && (xhReq.status === 200)) {
// prepare external data
var data = JSON.parse(xhReq.responseText);
// prepare map
var map;
// var bounds = new google.maps.LatLngBounds();
var mapOptions = {
zoom: 15,
center: new google.maps.LatLng(54.6867151,25.2803843)
};
map = new google.maps.Map(main,mapOptions);
// add all data to the map
for(i=0;i<data.length;i++){
// loc = new google.maps.LatLng(data[i].lat,data[i].lng);
// bounds.extend(loc);
window['marker'+i] = new google.maps.Marker({
position: new google.maps.LatLng(data[i].lat,data[i].lng),
map: map,
title: data[i].name,
articles: data[i].articles
}
);
// add onClick function
google.maps.event.addListener(window['marker'+i], 'click', function() {
// magic should be here
var data = this.articles;
var list = document.getElementById('list');
var main = document.getElementById('main');
list.innerHTML = '';
list.style="width:25%;";
for(i=0;i<data.length;i++){
list.innerHTML += '<a href="' + data[i].url + '" target="_blank"><div class="listImg" style="background-image:url(' + data[i].img + ');"><\/div><span class="topic">(' + data[i].topic + ')<\/span> <h1>' + data[i].name + ' <\/h1><span class="date">(' + data[i].date + ')<\/span><\/a>';
};
});
};
// recenter + rezoom
// map.fitBounds(bounds);
// map.panToBounds(bounds);
};
};
xhReq.send(null);
</script>
//准备变量
var main=document.getElementById('main');
//异步XHR请求
var xhReq=新的XMLHttpRequest();
xhReq.open('GET','../data/data.json',true);
xhReq.onload=函数(e){
如果((xhReq.readyState==4)和&(xhReq.status==200)){
//准备外部数据
var data=JSON.parse(xhReq.responseText);
//准备地图
var映射;
//var bounds=new google.maps.LatLngBounds();
变量映射选项={
缩放:15,
中心:新google.maps.LatLng(54.6867151,25.2803843)
};
map=新的google.maps.map(main,mapOptions);
//将所有数据添加到地图
for(i=0;i获取用户位置是大多数现代浏览器支持的浏览器功能。但是,您仍然需要测试在代码中获取位置的能力
if(navigator.geolocation){//测试是否存在定位功能
navigator.geolocation.getCurrentPosition(函数(位置){
initialLocation=new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
地图设置中心(初始位置);
},函数(){
log('user denied request for position');
});
}否则{
log(“无地理位置支持”);
}