我设置了一张带有Fusion Table的Google地图,该地图仅突出显示非APAC的国家/地区。
您可以看到代码在这里工作: http://russellbits.com/labs/hiex-map/google-fusion-table-simple.html
任何可以使其在JSFiddle中运行的人都可获得奖励积分。这是我的网页相同的代码,但我无法使其工作。 http://jsfiddle.net/ruzel/KTg6P/
以下是网站上的代码:
function initialize() {
var mapOptions = {
panControl: false,
zoomControl: false,
scaleControl: false,
center: new google.maps.LatLng(1, 104),
zoom: 2,
mapTypeId: 'roadmap'
};
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
var layer = new google.maps.FusionTablesLayer({
query: {
select: 'geometry',
from: '1N2LBk4JHwWpOY4d9fobIn27lfnZ5MDy-NoqqRpk'
},
styles: [{
polygonOptions: {
fillColor: '#cfe1f4',
strokeColor: '#cfe1f4',
strokeOpacity: '0'
}
}, {
where: "ISO_2DIGIT IN ('CN','IN','SG','AU','ID','MY','PG','TH')",
polygonOptions: {
fillColor: '#000000',
fillOpacity: '0',
strokeOpacity: '0'
}
}],
map: map
});
layer.setMap(map);
map.mapTypes.set(customMapType);
}
$().ready(function() {
initialize();
});
但这是个大问题。在描绘国家的多边形上有阴影。我之前在Google地图上放了多边形,默认情况下不会出现投影。我已经在API中搜索了任何投影变量,但找不到它。所以我甚至不确定为什么会出现这种阴影。也许有一个图层变量?
答案 0 :(得分:1)
这是你的小提琴地图样本:
http://jsfiddle.net/helmutgranda/vbjXR/
缺少的一些东西在这里:
<script src='http://maps.google.com/maps/api/js?sensor=false'> </script>
<script src='http://code.jquery.com/jquery-1.10.2.min.js'></script>
<div id="map"/>
关于drophadow,我不得不相信有一个允许你打开和关闭的设置,而Google提供的KML渲染没有阴影。如果它对您来说很重要,您可以使用KML进行刺戳(参见此处的示例):
http://gmaps-samples-v3.googlecode.com/svn/trunk/layers/layers.html
有趣的是,我刚刚遇到了以下可能回答您问题的示例:
https://developers.google.com/fusiontables/docs/samples/mouseover_map_styles