正文

html获取用户在谷歌地图中的位置。(代码片段)

author  author  2023-01-01  677

关键词：

<!DOCTYPE html>
<html>
  <head>
    <title>Geolocation</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
      html, body 
        height: 100%;
        margin: 0;
        padding: 0;
      
      #map 
        height: 100%;
      
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>
// Note: This example requires that you consent to location sharing when
// prompted by your browser. If you see the error "The Geolocation service
// failed.", it means you probably did not give permission for the browser to
// locate you.

function initMap() 
  var map = new google.maps.Map(document.getElementById('map'), 
    center: lat: -34.397, lng: 150.644,
    zoom: 6
  );
  var infoWindow = new google.maps.InfoWindow(map: map);

  // Try HTML5 geolocation.
  if (navigator.geolocation) 
    navigator.geolocation.getCurrentPosition(function(position) 
      var pos = 
        lat: position.coords.latitude,
        lng: position.coords.longitude
      ;

      infoWindow.setPosition(pos);
      infoWindow.setContent('Location found.');
      map.setCenter(pos);
    , function() 
      handleLocationError(true, infoWindow, map.getCenter());
    );
   else 
    // Browser doesn't support Geolocation
    handleLocationError(false, infoWindow, map.getCenter());
  


function handleLocationError(browserHasGeolocation, infoWindow, pos) 
  infoWindow.setPosition(pos);
  infoWindow.setContent(browserHasGeolocation ?
                        'Error: The Geolocation service failed.' :
                        'Error: Your browser doesn\'t support geolocation.');


    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjv6KEBofw-6kwETG-kgSRWlJOn0LgWgE&signed_in=true&callback=initMap"
        async defer>
    </script>
  </body>
</html>

获取用户国家和城市名称并在谷歌地图上定位

】获取用户国家和城市名称并在谷歌地图上定位【英文标题】：Getusercountryandcitynameandlocateongooglemap【发布时间】：2019-07-2308:51:38【问题描述】：我想在谷歌地图上显示用户的当前位置和国家名称，城市名称我尝试显示未定义的国... 查看详情

在谷歌地图静态api中绘制圆形路径

...发一个应用程序这是业务逻辑，用这个位置从google静态api获取用户位置请求并围绕这个位置画一个圆圈这是我正在使用的代码https://maps.googleapis.com/maps/api/staticma 查看详情

在谷歌地图上显示正确的位置

...:43:13【问题描述】：我尝试实现谷歌定位应用程序来显示用户在谷歌地图上的位置。我在StackOverflow上找到了这段代码，但这段代码的问题是，它显示距离我的正确位置500米或1000米。有谁知道如何用确切的位置修复它？任何帮助... 查看详情

如何拉取用户的当前位置并显示在谷歌地图 api 上？ [复制]

...图上显示它从我的研究中，我看到我可以使用以下内容来获取用户的当前位置navigator.geolocation.ge 查看详情

在谷歌地图中保留用户位置中心 - Swift

】在谷歌地图中保留用户位置中心-Swift【英文标题】：KeepuserlocationcenterinGoogleMaps-Swift【发布时间】：2015-06-1507:48:44【问题描述】：我已经在一个swift项目中实现了谷歌地图，并使用locationManager来跟踪并当前打印出用户的位置。当... 查看详情

html从位置获取谷歌地图图像(代码片段)

查看详情

如何在谷歌地图的指定位置获取标记（或图钉）？

】如何在谷歌地图的指定位置获取标记（或图钉）？【英文标题】：Howtoigetamarker(orpin)onaspecifiedlocationforgooglemaps?【发布时间】：2011-06-0712:40:21【问题描述】：这是我用于谷歌地图的链接，在特定的纬度和经度上有一个标记。但是... 查看详情

使用位置坐标值在谷歌地图中绘制路线图

...2-1210:16:26【问题描述】：我正在开发一个地图应用程序，用户将在其中选择从可用点列表中的起点和终点落下。我想要的是生成的地图应该采用这些值纬度和经度，而不是我在中提到的字符串值下面的代码。我怎样才能做到这一... 查看详情

在谷歌地图标记上显示信息

...【发布时间】：2019-05-1716:33:40【问题描述】：我正在尝试获取保存在firebase实时数据库中的信息，并使用GoogleMapsAPI在地图上显示它们。这是我的火力基地这是我在地图上的标记现在它打开并显示用户当前位置，并使用Geofire将纬... 查看详情

如何在谷歌地图上显示当前街道位置？

...布时间】：2011-12-2707:34:11【问题描述】：我希望我的网站用户在Google地图上显示他们当前的街道位置。就像“Facebook签到”一样。（它会在地图上显示我当前的位置。）怎么能简单呢？【问题讨论】：【参考方案1】：您可以根据... 查看详情

允许用户在谷歌地图中向后移动标记位置并关闭窗口

】允许用户在谷歌地图中向后移动标记位置并关闭窗口【英文标题】：allowusertomovemarkerpositionback&closewindowingooglemaps【发布时间】：2015-05-3107:15:25【问题描述】：跟进最后一个问题...allowusertomovemarkerpositionback(z-index?)ingooglemapscust... 查看详情

如何通过iphone应用程序中的代码获取用户的当前位置？

】如何通过iphone应用程序中的代码获取用户的当前位置？【英文标题】：Howtogettheuser\'scurrentlocationbycodeiniphoneapp?【发布时间】：2012-03-1013:35:31【问题描述】：我想从我的iPhone应用程序中获取用户的当前位置。我想在我的应用程序... 查看详情

如何在谷歌地图中获取位置的 MID？

】如何在谷歌地图中获取位置的MID？【英文标题】：HowtogettheMIDofalocationingooglemaps?【发布时间】：2014-11-2409:57:31【问题描述】：我需要在我的wordpress网站中添加地图，但我只需要在‘mid=’之后添加字符示例：-https://www.google.com/map... 查看详情

如何在谷歌地图中绘制折线在用户位置和标记之间颤动？

】如何在谷歌地图中绘制折线在用户位置和标记之间颤动？【英文标题】：Howtodrawpolylineingooglemapsflutterbetweenuserlocationandamarker?【发布时间】：2022-01-1022:48:36【问题描述】：这是我在这个网站上的第一篇文章，所以我希望能得到我... 查看详情

如何在谷歌地图上获取图像视图坐标（位置/纬度）

】如何在谷歌地图上获取图像视图坐标（位置/纬度）【英文标题】：Howtofetchimageviewco-ordinates(position/latlon)ongooglemap【发布时间】：2018-07-1606:15:37【问题描述】：长期以来，我一直在努力实现这一目标。但做不到。所以我确实需要... 查看详情

如何在谷歌地图 api v2 上获取设备的当前位置？

】如何在谷歌地图apiv2上获取设备的当前位置？【英文标题】：Howtogetcurrentlocationofdeviceongooglemapsapiv2?【发布时间】：2015-10-1221:59:47【问题描述】：我找到了一些方法可以做到这一点，但已被弃用或不起作用。我想从设备获取当前... 查看详情

java示例代码_在谷歌地图上显示当前位置附近的多个位置

java示例代码_在谷歌地图上显示当前位置附近的多个位置查看详情

如何获取谷歌位置历史/谷歌地图时间线数据？

】如何获取谷歌位置历史/谷歌地图时间线数据？【英文标题】：Howcanigetgooglelocationhistory/googlemaptimelinedata?【发布时间】：2019-04-1603:57:33【问题描述】：在我当前的一个应用程序中，我有一个要求，我需要从用户手机获取位置历... 查看详情