0
我實現這個網站的聯繫頁面上的谷歌地圖: http://www.vqt.ch/dev/?lang=fr&page=contact谷歌地圖的實現不工作的Safari和Chrome
的地圖顯示在頁面的頂部的矩形。一切工作正常在Firefox,但沒有顯示在Safari瀏覽器Chrome的& ......
這裏是我的方式實現它:
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA8yt4eBY5BILk0ExOfUVIuxTtIfr4IreHJHupahKP7IIqKlsN7BQG4crqM32UzthNoFP_54xDooNNNQ&sensor=true" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function createMarker(point,text) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(text); });
return marker;
}
function load() {
if (GBrowserIsCompatible()) {
var Lat=46.983707;
var Lng=6.904106;
var Zoom=13;
var TextAffiche="<strong>VQT<\/song><br/>Verre & Quartz Technique SA<br/><br/>Rue de Maillefer 11d<br/>2000 Neuchatel";
var map = new GMap2(document.getElementById("contactMap"));
map.setCenter(new GLatLng(Lat,Lng),Zoom);
map.addControl(new GLargeMapControl3D());
map.addControl(new GMapTypeControl());
var point = new GLatLng(Lat,Lng);
var new_icon = new GIcon()
new_icon.image = "http://www.vqt.ch/gmap_marker.png";
new_icon.size = new GSize(50, 32);
new_icon.iconAnchor = new GPoint(0,0);
new_icon.infoWindowAnchor = new GPoint(0,0);
var opt;
opt = {};
opt.icon = new_icon;
opt.draggable = false;
opt.clickable = true;
opt.dragCrossMove = false;
var marker = new GMarker(point,opt);//createMarker(point,TextAffiche);
map.addOverlay(marker);
marker.openInfoWindowHtml(TextAffiche)
}
}
$("body").attr("onload", "load()");
$("body").attr("onunload", "GUnload()");
//]]>
</script>
,這裏是我的html:
<div class="normalContent">
<div id="contactMap" class="borderedImages"></div>
</div>
你知道那裏有什麼問題嗎?我真的不明白爲什麼它在某個地方工作,而不是在其他地方工作...
謝謝你的幫助!
你能展示你正在使用的div的CSS嗎?你在控制檯中遇到錯誤嗎?確保您的scipt在文檔準備就緒後執行。 – meo 2010-10-20 13:41:42
我只是試圖做一個版本只有地圖,沒有其他的HTML或CSS。 問題仍然是一樣的...... http://www.vqt.ch/dev/google_map_debug/(所有內容均可在頁面上查看) 可能是這個問題的問題? $(「body」)。attr(「onload」,「load()」); $(「body」)。attr(「onunload」,「GUnload()」); 我試圖把所有的JavaScript在
,但它只是不工作了... 有人在這裏有一個簡單的實施工作在safari的例子嗎? 謝謝你的幫助! David – daviddarx 2010-10-21 14:05:39