与えられたデザインに合わせて Google マップのスタイルを設定しようとしています。デザインでは、すべての国の外側に線があり、国境を分割する線もあります。
私が狙っている効果は以下の通りです。
スタイリングの私のコードは現在次のとおりです。
var styles = [
{
featureType: "water",
stylers: [
{ visibility: "on" },
{ color: "#ffffff" }
]
},{
featureType: "landscape",
stylers: [
{ color: "#f7f7f5" }
]
},{
featureType: "road",
stylers: [
{ visibility: "off" }
]
},{
featureType: "poi",
stylers: [
{ visibility: "off" }
]
},{
featureType: "administrative.country",
stylers: [
{ color: "#d2cdcd" },
{ weight: 1 }
]
},{
featureType: "administrative.country",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
},{
featureType: "administrative.province",
elementType: "geometry",
stylers: [
{ visibility: "off" }
]
},{
featureType: "administrative.locality",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
},{
featureType: "administrative.province",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
},{
featureType: "water",
elementType: "geometry.stroke",
stylers: [
{ color: "#4cfff5" }
]
}
];
私が求めていることが可能かどうか、何か考えはありますか?
ありがとう!
編集:上記のスタイルは私に次のことを与えます