-1
因爲IE,我真的處於停滯狀態。因此,我有一個帶有地圖的網站,我正在使用geocodezip的js擴展名從XML文件下載數據,以放置標記和相應的infowindows。當我使用Firefox,Chrome和Safari打開網站時,一切正常,但標記不會顯示在IE上。然而,我也使用一個單獨的標記來定位用戶的位置,這也適用於IE,所以我不確定問題是否與圖像,我的定義標記或如果它是xml下載部分。出於某種原因,我的橫幅divs的揭示模式在IE上也不起作用,但這是我正在研究的另一個問題。該網站仍然是WIP,但我要離開它了幾天的:WebsiteGoogle地圖標記不會顯示在IE地圖上
這是我定義的圖標的圖像,然後標記本身:
var image = {
url: 'Images/shibatiny.png',
scaledSize: new google.maps.Size(90,44),
origin: new google.maps.Point(0, 0),
anchor: new google.maps.Point(45,22)
//backgroundPosition: "-50 0"
};
var marker = new google.maps.Marker({
position: latlng,
icon: image,
shape: shape,
map: map,
title: name,
zIndex: Math.round(latlng.lat()*-100000)<<5
});
這是一部分,我從XML下載數據並定義信息窗口內容「HTML」(對不起,亂碼,需要清潔的話):
downloadUrl("XML/database.xml", function(doc) {
var xml = xmlParse(doc);
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));
var point = new google.maps.LatLng(lat,lng);
var name = markers[i].getAttribute("name");
var category1 = markers[i].getAttribute("category1");
var category2 = markers[i].getAttribute("category2");
var address = markers[i].getAttribute("address");
var city = markers[i].getAttribute("city");
var postcode = markers[i].getAttribute("postcode");
var state = markers[i].getAttribute("state");
var country = markers[i].getAttribute("country");
var phone = markers[i].getAttribute("phone");
var email = markers[i].getAttribute("email");
var website = markers[i].getAttribute("website");
var description = markers[i].getAttribute("description");
var facebook = markers[i].getAttribute("facebook");
var twitter = markers[i].getAttribute("twitter");
var html = '<div id="infoWindow">';
html += '<b style="font-size:16px; line-height:100%">'+name+'<\/b>';
html += '<br/><img width="350px" height="6px" src="Images/line1.png"><br/><p style="color:#676868; line-height:2px !important">'+address+'<\/p>';
html += '<p style="color:#676868; line-height:2px !important">'+city+', '+postcode+'<\/p>';
html += '<p style="color:#676868; line-height:2px !important">';
if (state) {var html = html + state+', '};
html += ''+country+'<\/p>';
if (phone) {var html = html + '<p style="padding-top:5px !important; line-height:2px !important"><b>Phone: <\/b>'+phone+'<\/p>'};
if (website) {var html = html + '<p style="line-height:2px !important"><b>Web: <\/b>'+website+'<\/p>'};
if (email) {var html = html + '<p style="line-height:2px !important"><b>Email: <\/b>'+email+'<\/p>'};
//if (phone) {var html = html + '<b>Phone: <\/b>'+phone+'<br/>'};
//if (website) {var html = html + '<b>Web: <\/b>'+website+'<br/>'};
//if (email) {var html = html + '<b>Email: <\/b>'+email+'<br/>'};
if (description) {var html = html + '<p>"' +description+ '"<\/p>'};
if (website) {var html = html + '<div class="infoweb"><a target="_blank" href="'+website+'">Website</a></div>'};
if (email) {var html = html + '<div class="infoweb"><a href="mailto:'+email+'">Email</a></div>'};
if (phone) {var html = html + '<div class="infoweb"><a href="tel:'+phone+'">Call</a></div>'};
html += '<br/>';
//html += '<a target="_blank" href="'+website+'">Website<br/><br/><\/a>';
//html += '<\/div>';
html += '<div class="infoweb2">';
if (email) {var html = html + '<a href="mailto:'+email+'" style="text-decoration:none"><img class="infobottom" width="30px" src="Images/emailsmall.png"> <\/a>'};
if (facebook) {var html = html + '<a target="_blank" href="'+facebook+'" style="text-decoration:none"><img class="infobottom" width="30px" src="Images/facebooksmall.png"> <\/a>'};
if (twitter) {var html = html + '<a target="_blank" href="'+twitter+'" style="text-decoration:none"><img class="infobottom" width="30px" src="Images/twittersmall.png"><\/a>'};
var html = html + '<\/div>';
var html = html + '<\/div>'; //(if use this, remove html += '<\/div>';)
var marker = createMarker(point,name,html,category1,category2,address,country,city);
}