Google maps 插入显示我当前位置的谷歌地图_Google Maps_Position_Location

Google maps 插入显示我当前位置的谷歌地图

google-maps

Google maps 插入显示我当前位置的谷歌地图,google-maps,position,location,Google Maps,Position,Location,我正在全球旅行，需要在我的网页上插入一个谷歌地图，显示我当前的位置，而不是读者的位置，以便其他人可以看到我在哪里有没有人有一个简单的解决方案来做到这一点。我知道如何使用我的位置创建地图并插入到我的页面中，但到目前为止，我已经避免了使用地图API。我有一些HTML和Javascript的知识，但这是最低限度的，所以如果可以的话，我宁愿避免这种情况有人对此有解决办法吗？您必须告诉他们如何绘制您当前的位置。为此，您必须获得您的位置纬度和经度，以便通过地图显示通过以下方式获得： http://ma

我正在全球旅行，需要在我的网页上插入一个谷歌地图，显示我当前的位置，而不是读者的位置，以便其他人可以看到我在哪里

有没有人有一个简单的解决方案来做到这一点。我知道如何使用我的位置创建地图并插入到我的页面中，但到目前为止，我已经避免了使用地图API。我有一些HTML和Javascript的知识，但这是最低限度的，所以如果可以的话，我宁愿避免这种情况

有人对此有解决办法吗？

您必须告诉他们如何绘制您当前的位置。为此，您必须获得您的位置纬度和经度，以便通过地图显示

通过以下方式获得：

http://maps.googleapis.com/maps/api/geocode/xml?address=+" + MapAddress + "&sensor=false

在您的页面中尝试此html代码。str_lat和str_lng是您的位置：

<head>
    <meta name='viewport' content='initial-scale=1.0, user-scalable=no' />
    <style type='text/css'>
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map-canvas { height: 100% }
    </style>
    <script type='text/javascript' src=https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=false>
    </script>
    <script type='text/javascript'>
      function initialize() {
        var myLatlng = new google.maps.LatLng(str_lat,str_lng);
        var mapOptions = {
          center: myLatlng,
          zoom: 16,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById('map-canvas'),
            mapOptions);
        var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title:'Location!'
        });
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id='map-canvas'/>
  </body>
</html>;

看这里

看看这段代码来判断你的技能不要担心上面链接中解释的新术语

   <!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map-canvas { height: 100% }
    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=API_KEY&sensor=SET_TO_TRUE_OR_FALSE">
    </script>
    <script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(-34.397, 150.644),
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),
            mapOptions);
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body>
    <div id="map-canvas"/>
  </body>
</html>

关于我的答案，你可能会发现这个例子有一些有用的地方：-

蓝色小人/人/图标跟随您的位置。如果你滚动地图离开，你可以按下静态蓝色地图控制按钮，在你的位置重新居中。移动时，受限制的位置更新正在更改，图标正在移动，否则它将处于站立状态

mo上的Manifest-display:standalone有一个bug

希望Firebase已承诺绕过W3C/IETF的减速带，并将很快为我们提供服务人员背景地理位置跟踪。

您希望能够在四处走动或驾驶时跟踪自己，还是仅跟踪您所在的静态位置？在我授予奖励：DCheers之前，也会在22小时回答。对赏金不太在意。无论如何，谢谢你。对于那些想要运行hypocumps的用户，请确保您已启用位置服务并授予应用程序访问权限。此外，由于需要本地存储，您不能在上进行私人浏览。最后，通过Chrome、Opera或三星浏览器添加到主屏幕以改善体验。下一版本的Chrome或n+1 Web应用程序将作为一流应用程序出现。就像Firefox一样，他们仍然拥有registerApp方法