如何在網站的背景中顯示Google地圖

-2

有沒有什麼方法可以在網站的背景中顯示Google地圖？
僅供參考，請參閱圖片 enter image description here 如何在網站的背景中顯示Google地圖

請幫幫我吧。

來源

2013-12-23 Kamal

我的問題是如何顯示在背景 – Kamal

谷歌地圖所有你需要做的是設置谷歌地圖了一個較低的Z A 100％DIV中-index比任何你想顯示在上面。您也可能希望禁用滾動縮放功能，否則網站導航可能會令人惱火。 Google搜索有很多例子。 – Swires

這真的很容易。這裏是教程http://www.spambox.in/how-to-set-google-maps-as-background-for-webpage/ –

我認爲這可能會對您有所幫助。

https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map（谷歌開發者們展示瞭如何將谷歌地圖添加到您的網站）

和...

http://www.thechrisoshow.com/2013/05/07/use-a-google-map-as-the-background-of-your-webpage/

（其它鏈接展示瞭如何使用它作爲背景）

編輯...整個代碼應該看起來像這樣：這是來自Google Developers，他們解釋如何將它放入您的網站。

<!DOCTYPE html> 
<html> 
    <head> 
    <style> 
     #map_canvas { 
     width: 500px; 
     height: 400px; 
     } 
    </style> 
    <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> 
    <script> 
     function initialize() { 
     var map_canvas = document.getElementById('map_canvas'); 
     var map_options = { 
      center: new google.maps.LatLng(44.5403, -78.5463), 
      zoom: 8, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 
     var map = new google.maps.Map(map_canvas, map_options) 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map_canvas"></div> 
    </body> 
</html>

這是您可以將Google地圖設置爲背景的代碼。

<!DOCTYPE html> 
<html> 
<head> 
<link href="/test/application.css" media="screen" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" 
src="https://maps.googleapis.com/maps/api/js?sensor=false&key=AIzaSyBNLDwRv4ItlTJRouExNPpJokdKK859yDk"> 
</script> 
<script src="/test/application.js" type="text/javascript"></script> 
</head> 
<body> 
<div id='container'> 
<h1>OMG, this is ON TOP OF THE MAP!</h1> 
</div> 

<div id='map-canvas'></div> 
</body> 
</html>

+ JavaScript的OFC ...

$(document).ready(function() { 
var mapOptions = { 
zoom: 8, 
center: new google.maps.LatLng(-34.397, 150.644), 
mapTypeId: google.maps.MapTypeId.ROADMAP 
} 
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); 
}

來源

2013-12-23 09:53:14 FiN

Upvoted因爲你是一個新用戶，但請記住，我們不期望鏈接答案，就好像鏈接已經死了一樣，你的回答將不再有用:) –

你能否把鏈接的重要部分放在答案中，因爲只有鏈接的答案在這裏不好，因爲它們可以打破。 – hichris123

是的，鏈接已經死了 – spracketchip

-6

否您無法將Google地圖設置爲背景圖片，因爲它就像畫布一樣。

一種可能性是你可以定位其他元素，在谷歌地圖上用絕對定位。

來源

2013-12-23 09:53:04 Praveen

如何在網站的背景中顯示Google地圖

回答

相關問題