Html 谷歌地图api中心在我的位置与一个按钮
一切都在工作,但我真的想为最后一个按钮GPS抱歉不能张贴图像 将地图居中放置在用户位置,而不是像当前设置的那样刷新地图 这将如何工作的一个例子是,用户打开网页并在地图上滚动,可能会更改为卫星视图,然后能够单击上述按钮或任何按钮,并将地图平移回其位置。我甚至不确定这是否可能,但我似乎无法独自解决这个问题。非常感谢您的帮助。这是我的弗兰肯斯坦地图的链接Html 谷歌地图api中心在我的位置与一个按钮,html,google-maps,button,geolocation,Html,Google Maps,Button,Geolocation,一切都在工作,但我真的想为最后一个按钮GPS抱歉不能张贴图像 将地图居中放置在用户位置,而不是像当前设置的那样刷新地图 这将如何工作的一个例子是,用户打开网页并在地图上滚动,可能会更改为卫星视图,然后能够单击上述按钮或任何按钮,并将地图平移回其位置。我甚至不确定这是否可能,但我似乎无法独自解决这个问题。非常感谢您的帮助。这是我的弗兰肯斯坦地图的链接 添加带有onclick事件侦听器的按钮 <button onclick="myFunction()">Center</button
添加带有onclick事件侦听器的按钮
<button onclick="myFunction()">Center</button>
编辑
请在您的问题中张贴相关代码。一旦你的页面被修复,你的问题将不再有上下文。你知道坐标吗,或者你想让它自动检测任何用户的位置吗?对不起,就像我在这里说的,一个新手。我不确定相关代码是什么。。。在我的脑海里,这一切都是相关的,因为一点小错误就会把一切搞砸。我想人们可以查看我的页面链接,获取代码,并以我发布问题的方式帮助我。谢谢,这似乎是我所需要的,但我不知道你所说的“我想你拥有它们”是什么意思。。。当我的页面加载时,我的地理位置蓝点工作,但不确定这些用户线。。。我假设‘我有他们’或者它不起作用,但我不确定这些……它对你有用吗?我的意思是e.x UserCords=new google.maps.LatLng40.563855,-111.675426还没有。。。我添加了按钮代码。。。我可以看到。。并添加了功能代码,但它不适合我。。。。可能是我放的地方,也可能是UserCords。。也许我没有。。或者它们被称为其他名称?检查我的编辑和复制粘贴代码,并使用地图名称更改地图,正如我在您的源代码中看到的,地图的名称是map。所以用地图来改变你的地图,它一定会玩!!哇,我真的很感谢你在这方面的帮助。。虽然我还是不能让它工作。我已经尝试将上面的函数代码编辑添加到我的代码中,我没有像以前那样出现错误,但它仍然不适用于我。。按钮没有任何作用。。。它对你有用吗??你能不能给我一个完整的例子,这样我就不会质疑在哪里添加你的代码。
<button onclick="myFunction()">Center</button>
function myFunction(){
Map.panTo(UserCords);//UserCords = user current latitude, longitude. I suppose you have them!!!
}
function myFunction(){
if (navigator.geolocation){
navigator.geolocation.getCurrentPosition(getPosition,showError);
}
else{
alert("Geolocation is not supported by this browser.");
}
}
function getPosition(position)
{
UserLatitude = position.coords.latitude;
UserLongitude = position.coords.longitude;
showPosition(UserLatitude, UserLongitude);
}
function showPosition(userLatitude, userLongitude){
lat= userLatitude;
lon= userLongitude;
latlon=new google.maps.LatLng(lat, lon);
YourMap.panTo(latlon);
}
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
alert("User denied the request for Geolocation.");
break;
case error.POSITION_UNAVAILABLE:
alert("Location information is unavailable.")
break;
case error.TIMEOUT:
alert("The request to get user location timed out.")
break;
case error.UNKNOWN_ERROR:
alert("An unknown error occurred.")
break;
}
}