Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 谷歌地图api中心在我的位置与一个按钮_Html_Google Maps_Button_Geolocation - Fatal编程技术网

Html 谷歌地图api中心在我的位置与一个按钮

Html 谷歌地图api中心在我的位置与一个按钮,html,google-maps,button,geolocation,Html,Google Maps,Button,Geolocation,一切都在工作,但我真的想为最后一个按钮GPS抱歉不能张贴图像 将地图居中放置在用户位置,而不是像当前设置的那样刷新地图 这将如何工作的一个例子是,用户打开网页并在地图上滚动,可能会更改为卫星视图,然后能够单击上述按钮或任何按钮,并将地图平移回其位置。我甚至不确定这是否可能,但我似乎无法独自解决这个问题。非常感谢您的帮助。这是我的弗兰肯斯坦地图的链接 添加带有onclick事件侦听器的按钮 <button onclick="myFunction()">Center</button

一切都在工作,但我真的想为最后一个按钮GPS抱歉不能张贴图像 将地图居中放置在用户位置,而不是像当前设置的那样刷新地图

这将如何工作的一个例子是,用户打开网页并在地图上滚动,可能会更改为卫星视图,然后能够单击上述按钮或任何按钮,并将地图平移回其位置。我甚至不确定这是否可能,但我似乎无法独自解决这个问题。非常感谢您的帮助。这是我的弗兰肯斯坦地图的链接


添加带有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;
    }
  }