Javascript 谷歌地图Div显示:无不居中
我发现有问题的谷歌地图分区显示不正确Javascript 谷歌地图Div显示:无不居中,javascript,google-maps-api-3,coldfusion,Javascript,Google Maps Api 3,Coldfusion,我发现有问题的谷歌地图分区显示不正确 <div id="g#arena.aid#" style="width: 600px; height: 300px; display: none"></div> 未显示-代码显示地图为div-但未居中。。。不以标记为中心 似乎找不到解决办法。。。头痛 那么,竞技场的。。。他们的愿望是隐藏他们的地图直到。。。 使用图像调用: <img src="../images/gps1.png" height=25 borde
<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>
函数初始化(){
var#arena.aid#Latlng=新的google.maps.Latlng(
#arena.agpslat#,#arena.agpslong#);
var#arena.aid#选项={
缩放:15,
中心:#竞技场。援助#拉廷,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(
document.getElementById(“g#arena.aid”),
#竞技场。援助(选项);
var marker=new google.maps.marker({
位置:#竞技场。辅助#拉廷,
地图:地图,
标题:“#JsStringFormat(arename.arename)#”
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);
google.maps.event.trigger(映射,'resize');
与此相关,这段代码显示的地图很好,但不以标记为中心-思想
这是生成的脚本。。。显示完整地图-但不居中
<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 xoazormoLatlng=新的google.maps.LatLng(
51.0914344788,-114.200531006);
var XOAZORMOPTIONS={
缩放:15,
中心:Xoazormolating,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(
文件.getElementById(“gxoazormo”),
xOA(可选方案);
var marker=new google.maps.marker({
职位:Xoazormolating,
地图:地图,
标题:“Bowness Sportsplex”
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);
google.maps.event.trigger(映射,'resize');
它居中…在div中显示了整个地图,但没有居中。。。内部脚本。。。google.maps.event.trigger(映射,'resize');还有a href code-onclick=“javascript:showElement('g#arena.aid#')、google.maps.event.trigger(document.getElementById('g#arena.aid#')、'resize')”),当人们添加可能有用或不有用的注释时,或者在没有帮助的情况下编码时,是的,你有1000多个数字。。。但是留下一些提示却没有帮助-仍然没有帮助。。。然后他们删除了它们。。。你确定你在帮忙吗?你能给我们看看生成的javascript吗?
<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>