Fatal编程技术网
  • javascript/
  • Javascript ie 8中未显示的标记

Javascript ie 8中未显示的标记

javascript google-maps google-maps-api-3 internet-explorer-8

Javascript ie 8中未显示的标记,javascript,google-maps,google-maps-api-3,internet-explorer-8,google-maps-markers,Javascript,Google Maps,Google Maps Api 3,Internet Explorer 8,Google Maps Markers,我创建了一个谷歌地图应用程序，它显示了一家公司的投资组合。奇怪的是，我的标记只在ie8中显示不出来。有人有解决办法吗？这是javascript代码 var map; function initialize() { var myOptions = { zoom: 6, mapTypeId: google.maps.MapTypeId.ROADMAP [arrays with data] var infoWindow = new goog

我创建了一个谷歌地图应用程序，它显示了一家公司的投资组合。奇怪的是，我的标记只在ie8中显示不出来。有人有解决办法吗？这是javascript代码

var map;
    function initialize() { 
        var myOptions = {
        zoom: 6,
        mapTypeId: google.maps.MapTypeId.ROADMAP

[arrays with data]

var infoWindow = new google.maps.InfoWindow;
    map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

    // Set the center of the map
    var pos = new google.maps.LatLng(50.941641437268906, 9.088932512500037);
    map.setCenter(pos);
    function infoCallback(infowindow, marker) { 
        return function() {
        infowindow.open(map, marker);
    };





function setMarkers(map, all) { 
for (var i in all) {
var adres               = all[i][0];
var name                = all[i][1];                                        
var property            = all[i][2];
var office              = all[i][3];
var warehouse           = all[i][4];
var other               = all[i][5];
var total               = all[i][6];
var parkingspaces               = all[i][7];
var yearOfConstruction          = all[i][8];
var lat                 = all[i][9];
var lng                 = all[i][10];
var latlngset;
latlngset = new google.maps.LatLng(lat, lng);
var marker = new google.maps.Marker({  
map: map,  title: adres,  position: latlngset, icon: image  
        });


        var image = 'images/pandklein.png';
        var content = '<div id=content>' +'<img class="thumpnail" src="thumpnail/' + name + '.png" alt ="' + name + '">' + '<div class="map-content"><h3 class="title">' + adres + '</h3>' +
         'Lettable floor area (m&#178;):' + "<p class='tekst'>" + total + "</p>" +  '<br />' + 'Property:' + ' ' + "<p class='tekst'>" + property + "</p>" +
             '<br />' + 'Year of construction:' + ' ' + "<p class='tekst'>" + yearOfConstruction + "</p>" + '</div>';               
        var infowindow = new google.maps.InfoWindow();
          infowindow.setContent(content);
          google.maps.event.addListener(
            marker, 
            'click', 
            infoCallback(infowindow, marker)
          );
      }
    }           
    // Set all markers in the all variable
    setMarkers(map, all);
  };
  // Initializes the Google Map
  google.maps.event.addDomListener(window, 'load', initialize);

var映射；
函数初始化（）{
变量myOptions={
缩放：6，
mapTypeId:google.maps.mapTypeId.ROADMAP
[包含数据的数组]
var infoWindow=new google.maps.infoWindow；
map=new google.maps.map（document.getElementById（'map\u canvas'），myOptions）；
//设置地图的中心
var pos=新的google.maps.LatLng（50.941641437268906,9.088932512500037）；
地图设置中心（pos）；
函数infoCallback（infowindow，marker）{
返回函数（）{
信息窗口。打开（地图、标记）；
};
函数集合标记（映射，全部）{
for（var i总计）{
var adres=所有[i][0]；
变量名称=所有[i][1]；
var属性=所有[i][2]；
var office=所有[i][3]；
var仓库=所有[i][4]；
var其他=所有[i][5]；
var总计=所有[i][6]；
var Parkingspace=所有[i][7]；
var施工年份=所有[i][8]；
var lat=所有[i][9]；
var lng=所有[i][10]；
var latlngset；
latlngset=new google.maps.LatLng（lat，lng）；
var marker=new google.maps.marker（{
地图：地图，标题：adres，位置：latlngset，图标：图像
});
var image='images/pandklein.png'；
变量内容=“”+“”+“”+adres+“”+
“可出租建筑面积（m²；）：”+“
”+总计+”
“+”
“+”属性：“+”
“+属性+”
”+
“
”+”施工年份：“+”+”
“+施工年份+”
“+”；
var infowindow=new google.maps.infowindow（）；
infowindow.setContent（content）；
google.maps.event.addListener(
标记，
“点击”，
infoCallback（infowindow，marker）
);
}
}           
//在all变量中设置所有标记
设置标记（地图，全部）；
};
//初始化谷歌地图
google.maps.event.addDomListener（窗口“加载”，初始化）；
我试图重现您的问题，并编写了以下html，但标记显示在IE8中。因此，我假设您在此处发布的代码缺少（可能）您的错误

<!DOCTYPE html>
<html>
<head>
<script src="http://maps.google.com/maps/api/js?v=3&sensor=false" type="text/javascript" charset="UTF-8"></script>
</head>
<body>
<div id="map_canvas" style="width:400px;height:400px;">
</div>
<script type="text/javascript">
var map;
function initialize() { 
    var myOptions = {
        zoom: 6,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var infoWindow = new google.maps.InfoWindow;
    map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

    // Set the center of the map
    var pos = new google.maps.LatLng(50.941641437268906, 9.088932512500037);
    map.setCenter(pos);

    function infoCallback(infowindow, marker) { 
        return function() {
            infowindow.open(map, marker);
        };
    }

    function setMarkers(map, all) { 
        for (var i in all) {
            var adres               = all[i][0];
            var name                = all[i][1];
            var property            = all[i][2];
            var office              = all[i][3];
            var warehouse           = all[i][4];
            var other               = all[i][5];
            var total               = all[i][6];
            var parkingspaces       = all[i][7];
            var yearOfConstruction  = all[i][8];
            var lat                 = all[i][9];
            var lng                 = all[i][10];
            var latlngset;

            latlngset = new google.maps.LatLng(lat, lng);
            var marker = new google.maps.Marker({map: map,  title: adres,  position: latlngset}); //icon: image});
            //var image = 'images/pandklein.png'; // why declared here?
            var content = '<div id=content>' +'<img class="thumpnail" src="thumpnail/' + name + '.png" alt ="' + name + '">' + '<div class="map-content"><h3 class="title">' + adres + '</h3>' +
            'Lettable floor area (m&#178;):' + "<p class='tekst'>" + total + "</p>" +  '<br />' + 'Property:' + ' ' + "<p class='tekst'>" + property + "</p>" +
            '<br />' + 'Year of construction:' + ' ' + "<p class='tekst'>" + yearOfConstruction + "</p>" + '</div>';
            var infowindow = new google.maps.InfoWindow();
            infowindow.setContent(content);
            google.maps.event.addListener(marker, 'click', infoCallback(infowindow, marker));
        }
    }           

    var all = [["", "", "", "", "", "", "", "", "", 51, 9]];    

    // Set all markers in the all variable
    setMarkers(map, all);
}

// Initializes the Google Map
google.maps.event.addDomListener(window, 'load', initialize());
</script>
</body>
</html>


var映射；
函数初始化（）{
变量myOptions={
缩放：6，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var infoWindow=new google.maps.infoWindow；
map=new google.maps.map（document.getElementById（'map\u canvas'），myOptions）；
//设置地图的中心
var pos=新的google.maps.LatLng（50.941641437268906,9.088932512500037）；
地图设置中心（pos）；
函数infoCallback（infowindow，marker）{
返回函数（）{
信息窗口。打开（地图、标记）；
};
}
函数集合标记（映射，全部）{
for（var i总计）{
var adres=所有[i][0]；
变量名称=所有[i][1]；
var属性=所有[i][2]；
var office=所有[i][3]；
var仓库=所有[i][4]；
var其他=所有[i][5]；
var总计=所有[i][6]；
var Parkingspace=所有[i][7]；
var施工年份=所有[i][8]；
var lat=所有[i][9]；
var lng=所有[i][10]；
var latlngset；
latlngset=new google.maps.LatLng（lat，lng）；
var marker=new google.maps.marker（{map:map，title:adres，position:latlngset}）；//icon:image}）；
//var image='images/pandklein.png'；//为什么在这里声明？
变量内容=“”+“”+“”+adres+“”+
“可出租建筑面积（m²；）：”+“
”+总计+”
“+”
“+”属性：“+”
“+属性+”
”+
“
”+”施工年份：“+”+”
“+施工年份+”
“+”；
var infowindow=new google.maps.infowindow（）；
infowindow.setContent（content）；
google.maps.event.addListener（标记，'click'，infoCallback（infowindow，marker））；
}
}           
var all=[[“”、“”、“”、“”、“”、“”、“”、“”、“”、“”、“”、“”、51、9]]；
//在all变量中设置所有标记
设置标记（地图，全部）；
}
//初始化谷歌地图
google.maps.event.addDomListener（窗口'load'，initialize（））；
我刷新了它，它在某种程度上起了作用。我认为它只是有点小问题，无论如何，谢谢！