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