图标的颜色以及网站地图/融合表格中的颜色和线条宽度未更改
图标的颜色以及网站地图/融合表格中的颜色和线条宽度未更改
提问于 2013-07-05 04:21:33
我正在尝试在谷歌地图上创建斯德哥尔摩地铁的地图。我已经创建了一个KML文件：
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
<Document>
<name>Stockholm's subway: line line Nr.11</name>
<description>Map of Stockholm's subway: line Nr.T-11 "Akalla - Kungsträdgården"</description>
<Style id="blueLine">
<LineStyle>
<color>483D8B</color>
<width>2</width>
</LineStyle>
</Style>
<Placemark>
<styleUrl>#blueLine</styleUrl>
<LineString>
<tessellate>1</tessellate>
<altitudeMode>absolute</altitudeMode>
<coordinates>17.912350,59.414813,0
17.925637,59.410259,0
17.942434,59.402864,0
17.969320,59.375223,0
17.983280,59.366738,0
17.998652,59.359052,0
18.003989,59.347479,0
18.017318,59.336963,0
18.032405,59.334372,0
18.042068,59.330300,0
18.059263,59.330947,0
18.073294,59.330784,0</coordinates>
</LineString>
</Placemark>
<Placemark>
<name>Akalla</name>
<Point>
<coordinates>17.912350,59.414813,0</coordinates>
</Point>
</Placemark>
<Placemark>
<name>Husby</name>
<Point>
<coordinates>17.925637,59.410259,0</coordinates>
</Point>
</Placemark>
<Placemark>
<name>Kista</name>
<Point>
<coordinates>17.942434,59.402864,0</coordinates>
</Point>
</Placemark>
<Placemark>
<name>Hallonbergen</name>
<Point>
<coordinates>17.969320,59.375223,0</coordinates>
</Point>
</Placemark>
<Placemark>
<name>Näckrosen</name>
<Point>
<coordinates>17.983280,59.366738,0</coordinates>
</Point>
</Placemark>
<Placemark>
<name>Solna centrum</name>
<Point>
<coordinates>17.998652,59.359052,0</coordinates>
</Point>
</Placemark>
<Placemark>
<name>Västra skogen</name>
<Point>
<coordinates>18.003989,59.347479,0</coordinates>
</Point>
</Placemark>
<Placemark>
<name>Stadshagen</name>
<Point>
<coordinates>18.017318,59.336963,0</coordinates>
</Point>
</Placemark>
<Placemark>
<name>Fridhemsplan</name>
<Point>
<coordinates>18.032405,59.334372,0</coordinates>
</Point>
</Placemark>
<Placemark>
<name>Rådhuset</name>
<Point>
<coordinates>18.042068,59.330300,0</coordinates>
</Point>
</Placemark>
<Placemark>
<name>T-centralen</name>
<Point>
<coordinates>18.059263,59.330947,0</coordinates>
</Point>
</Placemark>
<Placemark>
<name>Kungsträdgården</name>
<Point>
<coordinates>18.073294,59.330784,0</coordinates>
</Point>
</Placemark>
</Document>
</kml>这个文件我导入了一个融合表，并创建了一个映射https://www.google.com/fusiontables/embedviz?q=select+col2+from+1qOgLRMpis-JxxfNEk_OyGR9mLu9atHiEnePWx5I&viz=MAP&h=false&lat=59.37122726416546&lng=18.102341958496122&t=1&z=11&l=col2&y=2&tmplt=2
在样式中，我更改了多段线的宽度(4)和颜色(蓝色)以及图标的颜色(蓝色)。我用JavaScript代码调用了地图：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Map of Stockholm's subway line T-11:
"Akalla - Kungsträdgården"</title>
<link href="https://developers.google.com/maps/documentation/javascript/examples/default.css" rel="stylesheet">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&language=en"></script>
<script>
function initialize() {
var map = new google.maps.Map(document.getElementById('map-canvas'), {
center: new google.maps.LatLng(59.347479,18.003989),
zoom: 11,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var layer = new google.maps.FusionTablesLayer({
query: {
select: 'location',
from: '1qOgLRMpis-JxxfNEk_OyGR9mLu9atHiEnePWx5I'
},
heatmap: {
enabled: false
}
});
layer.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas" style="width=100%"></div>
</body>
</html>但图标的颜色以及颜色和多段线宽度并未更改-仍为红色。我的错是什么？
回答 1
Stack Overflow用户
发布于 2013-07-23 16:57:10
如果使用Google Fusion Tables UI指定样式，则必须指定在使用JavaScript加载FusionTablesLayer时要显示的styleId。否则，将使用默认样式。YOu可以找到有关此in the docs的详细信息。
var layer = new google.maps.FusionTablesLayer({
query: {
select: 'location'
from: '1qOgLRMpis-JxxfNEk_OyGR9mLu9atHiEnePWx5I'
},
styleId: 2
});我创建了一个jsFiddle with the code above。
通过向Fusion Table添加多个“地图视图”，您可以指定更多的样式。默认样式是1，每个后面都有一个id + 1。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17477646
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号