谷歌地图分区显示:无未居中



我有问题的谷歌地图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>
var currCenter = map.getCenter();
google.maps.event.trigger(map, 'resize');
map.setCenter(currCenter);

然后它就集中了。。。

相关内容

  • 没有找到相关文章

最新更新