Javascript 谷歌艺术忽略宽度/高度
直到昨天Google GeoArt才停止听我说话,这一切都很顺利 宽度和高度被忽略,地图已返回到其全宽度div右上角的小版本Javascript 谷歌艺术忽略宽度/高度,javascript,google-maps,google-visualization,Javascript,Google Maps,Google Visualization,直到昨天Google GeoArt才停止听我说话,这一切都很顺利 宽度和高度被忽略,地图已返回到其全宽度div右上角的小版本 google.load('visualization', '1', {'packages': ['geomap']}); function drawMap() { var data = new google.visualization.DataTable(); data.addColumn('string', '
google.load('visualization', '1', {'packages': ['geomap']});
function drawMap() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'City');
data.addColumn('number', 'Visits');
data.addColumn({type:'string', role:'tooltip', 'p': {'html': true}});
data.addRows(#{GuideEditController.getCitiesData()});
var options = {
sizeAxis: { minValue: 0, maxValue: 100 },
displayMode: 'markers',
colorAxis: {colors: ['#33ADFF', '#003D66']},
width : '100%',
height : '600px',
enableRegionInteractivity: false,
keepAspectRatio: true,
legend : 'none',
tooltip: {isHtml: true}
};
var container = document.getElementById('map_canvas');
var geomap = new google.visualization.GeoChart(container);
geomap.draw(data, options);
};
....
<div class="map" id='map_canvas'></div>
<script type='text/javascript'>
drawMap();
</script>
google.load('visualization','1',{'packages':['geomap']});
函数drawMap(){
var data=new google.visualization.DataTable();
data.addColumn('string','City');
data.addColumn('number','visions');
addColumn({type:'string',role:'tooltip',p':{'html':true}});
addRows(#{guideditcontroller.getCitiesData()});
变量选项={
sizeAxis:{minValue:0,maxValue:100},
显示模式:“标记”,
颜色轴:{colors:['#33ADFF','#003D66']},
宽度:“100%”,
高度:“600px”,
enableRegionInteractivity:false,
keepAspectRatio:对,
图例:“无”,
工具提示:{isHtml:true}
};
var container=document.getElementById('map_canvas');
var geomap=新的google.visualization.GeoChart(容器);
绘制地理地图(数据、选项);
};
....
drawMap();
这个部门似乎是我的罪魁祸首。。我不知道它从哪里来,但假设它是谷歌的东西
调用在DIV之后进行的原因是映射加载在主页之后加载的选项卡上
这是工作的罚款昨天 谷歌艺术似乎忽略了宽度和高度选项(尽管他们在中提到了它们) 我有一个类似的问题,这对我来说很有效:
var options = {
sizeAxis: { minValue: 0, maxValue: 100 },
displayMode: 'markers',
colorAxis: {colors: ['#33ADFF', '#003D66']},
enableRegionInteractivity: false,
keepAspectRatio: true,
legend : 'none',
tooltip: {isHtml: true}
};
...
<div id="map_canvas" class="map" style="width: 100%; height: 600px;"></div>
var选项={
sizeAxis:{minValue:0,maxValue:100},
显示模式:“标记”,
颜色轴:{colors:['#33ADFF','#003D66']},
enableRegionInteractivity:false,
keepAspectRatio:对,
图例:“无”,
工具提示:{isHtml:true}
};
...