2013-02-24 21 views
0

我有問題的谷歌地圖DIV無法正確顯示谷歌地圖股利顯示:無不是圍繞

<div id="g#arena.aid#" style="width: 600px; height: 300px; display: none"></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的 - 它顯示映射不錯,但它不居中上的標記...

甲體的onload是所必需的地圖...

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

顯示了在整個地圖格但不居中...內部腳本... \t google.maps.event.trigger(map,'resize');和'href代碼 - \t onclick =「javascript:showElement('g#arena.aid#'); google.maps.event.trigger(document.getElementById('g#arena.aid#'),'resize') ;「> – 2013-02-25 03:40:18

+0

當人們添加可能或不可能幫助的評論 - 或者沒有幫助編碼 - 而且 - 你有1000多個號碼...但留下一點提示而沒有幫助 - 仍然沒有幫助時,這也令人沮喪...然後他們刪除它們......你確定你在幫忙嗎? – 2013-02-25 07:33:12

+0

你能告訴我們生成的JavaScript嗎? – duncan 2013-02-25 09:05:04

回答

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

連帶中心...