0
Q
风格谷歌地图
A
回答
0
请按照此代码。
在这里你需要在下面的链接添加你的谷歌API密钥。
src="https://maps.googleapis.com/maps/api/jskey=Your_api_key&callback=initMap"
这是代码。
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,
center: new google.maps.LatLng(38.769671, -9.097975),
mapTypeId: 'roadmap',
styles : [
{
"elementType": "geometry",
"stylers": [
{
"color": "#f5f5f5"
}
]
},
{
"elementType": "labels.icon",
"stylers": [
{
"visibility": "off"
}
]
},
{
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#616161"
}
]
},
{
"elementType": "labels.text.stroke",
"stylers": [
{
"color": "#f5f5f5"
}
]
},
{
"featureType": "administrative.land_parcel",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#bdbdbd"
}
]
},
{
"featureType": "poi",
"elementType": "geometry",
"stylers": [
{
"color": "#eeeeee"
}
]
},
{
"featureType": "poi",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#757575"
}
]
},
{
"featureType": "poi.park",
"elementType": "geometry",
"stylers": [
{
"color": "#e5e5e5"
}
]
},
{
"featureType": "poi.park",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#9e9e9e"
}
]
},
{
"featureType": "road",
"elementType": "geometry",
"stylers": [
{
"color": "#ffffff"
}
]
},
{
"featureType": "road.arterial",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#757575"
}
]
},
{
"featureType": "road.highway",
"elementType": "geometry",
"stylers": [
{
"color": "#dadada"
}
]
},
{
"featureType": "road.highway",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#616161"
}
]
},
{
"featureType": "road.local",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#9e9e9e"
}
]
},
{
"featureType": "transit.line",
"elementType": "geometry",
"stylers": [
{
"color": "#e5e5e5"
}
]
},
{
"featureType": "transit.station",
"elementType": "geometry",
"stylers": [
{
"color": "#eeeeee"
}
]
},
{
"featureType": "water",
"elementType": "geometry",
"stylers": [
{
"color": "#c9c9c9"
}
]
},
{
"featureType": "water",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#9e9e9e"
}
]
}
]
});
var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var icons = {
info: {
icon: 'https://novo2.rhp.pt/map.png'
}
};
var features = [
{
position: new google.maps.LatLng(38.769671, -9.097975),
type: 'info'
}
];
// Create markers.
features.forEach(function(feature) {
var marker = new google.maps.Marker({
position: feature.position,
icon: icons[feature.type].icon,
map: map,
content:'<div>Test</div>'
});
});
}
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
<div id="map"></div>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>
如果你想改变还是那么地图样式请点击此链接https://mapstyle.withgoogle.com/,创造任何你想要的,只是复制整个JSON代码及以上styles
对象替换英寸
希望这会有所帮助。
+0
谢谢。有效! – lordpicard
相关问题
- 1. Subgurim谷歌地图风格的地图
- 2. 聚合物风格谷歌地图
- 3. 风格的国家 - 谷歌地图API
- 4. Mapstraction和JSON谷歌地图风格
- 5. 谷歌地图的建筑风格
- 6. 风格使用谷歌地图API
- 7. 谷歌地图API风格的地图 - 颜色问题
- 8. 谷歌地图API风格的地图类型414错误
- 9. 谷歌地图v3风格的地图和切换矩阵
- 10. 如何使用谷歌地图风格上我的地图
- 11. 谷歌地图api风格的地图与卫星水
- 12. 从风格化的谷歌地图中删除室内地图
- 13. 如何加载谷歌地图的风格的巨大图像?
- 14. 谷歌地图API - 将融合表层到风格图层
- 15. Bootstrap手风琴中的谷歌地图
- 16. 在谷歌地图上显示风向
- 17. 添加谷歌地图infoBubble内的手风琴(从谷歌地图工具库)
- 18. Java谷歌地图谷歌地图
- 19. 谷歌Python风格指南
- 20. 谷歌地图砖 - 街道和标签覆盖着风格?
- 21. 添加CSS风格的标记谷歌地图
- 22. 如何使用openInfoWindowTabsHtml为谷歌地图泡泡赋予风格?
- 23. 如何使谷歌地图iframe的“风格”外观新颖
- 24. 谷歌地图层onclick更改风格多边形
- 25. 如何嵌入风格的谷歌地图在您的网站
- 26. Yelp风格的谷歌地图,沿用户上下页面
- 27. 如何实现谷歌地图yelp.com风格?
- 28. 谷歌地图风格的机场跑道
- 29. 谷歌地图气球丢失的风格
- 30. 为什么融合表风格不反映在谷歌地图
你想在RHP图像中添加银色风格的地方? –
嗨。感谢您的回复。我想在地图本身添加样式 - 我已经添加了成本管脚,因为你看到它。我只需要添加银色风格。 – lordpicard
此链接将对您有用https://developers.google.com/maps/documentation/android-api/styling和https://mapstyle.withgoogle.com/。 –