鉻和FF顯示「邊緣頂」不同

-2

我的谷歌地圖在Firefox和IE中正常工作。但是當通過chrome加載時，地圖將位於頂部。它似乎也像所有的代碼功能工作正常我發現 margin-top：-400px;/地圖位置/ margin-left：-400px;/地圖位置/ 工作在Firefox中查找，但在鍍鉻的作品是我的代碼太頂部部分內容如下：鉻和FF顯示「邊緣頂」不同

<style> 
BODY { 
font-family : Verdana,Arial,Helvetica,sans-serif; 
color: #000000; 
font-size : 13px ; 
background-color:#8ba4d9; 
} 
#map_canvas { 
width: 300px; 
height: 300px; 

box-shadow: 1px 5px 5px #666; 

position:absolute; 
left:50%; 
top:50%; 

margin-top:-400px; /*map position*/ 
margin-left:-400px; /*map position*/ 
} 
</style> 
<script type='text/javascript'> 
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
</script> 
<div id="map_canvas" align="center" style="width:65%; height:90% ; position: relative;"></div>

來源

2014-06-13 andrewarnier

試試這個腳本

的google.load（ '可視化'，' 1'，{'packages'：['geomap']}）; google.setOnLoadCallback（drawMap）;

function drawMap() { 
    var data = google.visualization.arrayToDataTable([ 
    ['Country', 'Popularity'], 
    ['Germany', 200], 
    ['United States', 300], 
    ['Brazil', 400], 
    ['Canada', 500], 
    ['France', 600], 
    ['RU', 700] 
    ]); 

    var options = {}; 
    options['dataMode'] = 'regions'; 

    var container = document.getElementById('map_canvas'); 
    var geomap = new google.visualization.GeoMap(container); 
    geomap.draw(data, options);

};

和

具有u加https://www.google.com/jsapi'>到你的頁面（這個腳本是很重要的）

來源

2014-06-13 07:20:13 aashi

喜aashi，我有嘗試你的代碼，但它顯示的不同在fifrefox和chrome – andrewarnier

@aashi：問題是關於Google Maps JavaScript API，請參閱'new google.maps.Map（）'，您正在回答Google Visualization API的解決方案。 –

鉻和FF顯示「邊緣頂」不同

回答

相關問題