Question

我的谷歌地图在Firefox和IE中运行良好。但是当通过chrome加载时，地图将位于顶部。并且似乎所有代码功能都可以正常工作我找到了边距：-400px; / 地图位置 / 保证金左：-400px; / 地图位置 / 找到firefox中的工作，但是在chrome中工作太过分了我的代码的一部分如下：

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

Answer 1

试试这个脚本

google.load（'visualization'，'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);

};

和

你添加了https://www.google.com/jsapi'>到你的页面（这个脚本很重要）

Chrome和FF显示屏＆＃34; margin-top＆＃34;不同

1 个答案: