我有问题的谷歌地图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);
然后它就集中了。。。