作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试设计 Google map 的样式以匹配我得到的设计,并且在设计上有一个围绕所有国家/地区外部的笔划,以及划分边界的笔划。
我要达到的效果如下:
我的样式代码目前如下:
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" }
]
}
];
最佳答案
您目前只能定义水的填充,而不能定义轮廓。
关于google-maps - 样式化 Google map - Javascript API v3 - 海岸线轮廓?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11327019/
我是一名优秀的程序员,十分优秀!