带有Fusion桌面标记的Google地图未在Chrome中显示

时间:2014-07-23 22:31:59

标签: javascript google-maps google-chrome google-maps-api-3 google-fusion-tables

我使用Fusion表填充Google地图。它适用于IE11和Firefox,但标记不会出现在Chrome(最新版本)中。我在控制台中收到错误:' Attr.textContent'已弃用。请使用' value'代替。

var geocoder;
var map, layer;

function initialize() {
       geocoder = new google.maps.Geocoder();
       var styles = [
                 {
                   "stylers": [
                     { "invert_lightness": true },
                     { "saturation": -100 },
                     { "gamma": 1 },
                     { "lightness": 11 }
                   ]
                 },{
                   "featureType": "water",
                   "stylers": [
                     { "lightness": -100 }
                   ]
                 }];
       var mapOptions = {
         center: new google.maps.LatLng(lat, lon),
         zoom: 6,
         mapTypeId: google.maps.MapTypeId.ROADMAP,
         styles: styles
       };
       map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);


        var layer = new google.maps.FusionTablesLayer({
          query: {
            select: 'latitude',
            from: fusiontableid
          },
          map: map,
          styleId: 2,
          templateId: 3
        });


     }
     google.maps.event.addDomListener(window, 'load', initialize);

为此做任何解决方法?

1 个答案:

答案 0 :(得分:0)

发现它!这是一个CSS问题:

img, object, embed {
    max-width: 100%;
    height: auto;
}

img {
    -ms-interpolation-mode: bicubic;
}

#map_canvas img, .map_canvas img {
    max-width: none !important;
}

最大宽度:100%线条正在弄乱地图样式 - 以下#map_canvas旨在覆盖它,但由于我的画布ID是map-canvas,因此它没有应用。