Google Maps Div显示：无不居中

Question

我有问题的Google Map div无法正确显示

<div id="g#arena.aid#" style="width: 600px; height: 300px; display: none"></div>

未显示-代码显示地图为div-但未居中...未居中在标记上...

似乎找不到解决方法...头痛...

因此，列出竞技场的...的愿望是隐藏他们的地图，直到被调用为止。

    <img src="../images/gps1.png" height=25 border=0 alt="Show Map" 
           onclick="javascript:showElement('g#arena.aid#'); google.maps.event.trigger(document.getElementById('g#arena.aid#'),'resize');">

这是javascript-可以很好地显示地图，但它不在标记上居中...

地图需要身体加载...

  <body onload="initialize()">

  <script type="text/javascript">
    function initialize() {

    var #arena.aid#Latlng = new google.maps.LatLng(
        #arena.agpslat#,#arena.agpslong#);

    var #arena.aid#Options = {
        zoom: 15,
        center: #arena.aid#Latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(
        document.getElementById("g#arena.aid#"),
        #arena.aid#Options);

    var marker = new google.maps.Marker({
        position: #arena.aid#Latlng,
        map: map,
        title: '#JsStringFormat(arena.arenaname)#'
       });
    }

  google.maps.event.addDomListener(window, 'load', initialize);

  google.maps.event.trigger(map, 'resize');

  </script>

相关的这段代码可以很好地显示地图-但不能使标记居中-思想？

这是生成的脚本...显示完整地图-但不居中...

      <img src="../images/gps1.png" height=25 border=0 alt="Show Map" 
    onclick="javascript:showElement('gxoazormo'); google.maps.event.trigger(document.getElementById('gxoazormo'),'resize');">


   <div id="gxoazormo" style="width: 600px; height: 300px; display: none"></div>


    <script type="text/javascript">
      function initialize() {

    var xoazormoLatlng = new google.maps.LatLng(
        51.0914344788,-114.200531006);

    var xoazormoOptions = {
        zoom: 15,
        center: xoazormoLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(
        document.getElementById("gxoazormo"),
        xoazormoOptions);

    var marker = new google.maps.Marker({
        position: xoazormoLatlng,
        map: map,
        title: 'Bowness Sportsplex'
     });
    }

      google.maps.event.addDomListener(window, 'load', initialize);

google.maps.event.trigger(map, 'resize');

     </script>

Answer 1

var currCenter = map.getCenter();
google.maps.event.trigger(map, 'resize');
map.setCenter(currCenter);

它变得居中...

Google Maps Div显示：无不居中

问题描述

1 个解决方案

解决方案1
1 2014-06-09 15:05:30

Google Maps Div显示：无不居中

问题描述

1 个解决方案

解决方案1 1 2014-06-09 15:05:30

解决方案1
1 2014-06-09 15:05:30