插入顯示我當前位置的谷歌地圖

我在全球範圍內旅行，需要在我的網頁上插入顯示我當前位置（不是讀者位置）的Google地圖，以便其他人可以看到我的位置。插入顯示我當前位置的谷歌地圖

有沒有人有一個簡單的解決方案來做到這一點。我知道如何使用「我的地點」創建地圖並將其插入到我的網頁中，但避免了必須參與使用地圖API。我有一些關於HTML和Javascript的知識，但它很少，所以如果可以的話就避免這樣做。

有沒有人有解決這個問題？

2013-07-07 Stephen Coulson

您是否希望能夠在四處走動或駕駛時追蹤自己，或只是靜態位置？ –

也回答了在http://stackoverflow.com/questions/43718998/share-my-current-location-with-the-world-publicly/43719290#43719290 – McMurphy

-1

你必須告訴來映射你的當前位置。爲此，你必須得到你的位置經緯度來顯示地圖。

獲得通過：

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>;

來源

2013-07-07 13:19:59 MSH

-2

看到這裏https://developers.google.com/maps/documentation/javascript/tutorial

，看到這個代碼來判斷你的技能不用擔心他們在上面的鏈接

<!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>

來源

2013-07-07 13:40:56

解釋新條款除了我在your other question的回答，你可能會發現這個例子有用： - hypoCampus

小藍人/每兒子/圖標跟隨你的位置。如果您滾動地圖，則可以按靜態藍色地圖控制人重新定位您的位置。當你移動時（節流位置更新正在改變）圖標正在走路，否則它正在站立。

（有與清單中的錯誤 - 「顯示」：在莫Chrome bug「獨立」）

希望火力地堡已經承諾繞過W3C/IETF的速度拱，並給我們ServiceWorker背景地理位置非常追蹤不久。

來源

2017-05-01 13:00:02 McMurphy

22hr的，直到我可以獎勵賞金：D – vimes1984

乾杯。對賞金不太感興趣。不管怎麼說，還是要謝謝你。對於那些想運行hypoCampus的用戶，請確保您已啓用位置服務並授予應用程序訪問權限。你也不能私人瀏覽，因爲localStorage是必需的。最後，通過Chrome，Opera或三星瀏覽器添加至主屏幕以改善體驗。下一個版本的Chrome（或n + 1）Web應用程序將顯示爲第一類應用程序。（當他們仍然擁有registerApp方法時，就像Firefox一樣） – McMurphy

插入顯示我當前位置的谷歌地圖

回答

相關問題