APAC 以外の国のみを強調表示する Fusion Table を使用して Google マップをセットアップしました。
ここでコードが機能していることがわかります: http://russellbits.com/labs/hiex-map/google-fusion-table-simple.html
ボーナスポイントは、JSFiddle で動作させることができる人に与えられます。これは私の Web ページと同じコードですが、動作させることができません。 http://jsfiddle.net/ruzel/KTg6P/
Web サイトのコードは次のとおりです。
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 でドロップ シャドウ変数を検索しましたが、見つかりません。だから、なぜこのドロップシャドウがそこにあるのかさえわかりません。おそらくレイヤー変数がありますか?