0
我看到一個谷歌地圖,我可以使這隻有黑白,但這一個是不同的。我該如何製作彩色的Google地圖,就像這樣?
我該如何嵌入這些顏色?
你可以找到有色谷歌地圖在這裏(在頁面底部):http://market.hu/hu/
我看到一個谷歌地圖,我可以使這隻有黑白,但這一個是不同的。我該如何製作彩色的Google地圖,就像這樣?
我該如何嵌入這些顏色?
你可以找到有色谷歌地圖在這裏(在頁面底部):http://market.hu/hu/
你需要API密鑰
<!DOCTYPE html>
<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyD-EHwgYHiDPCXYj7YIrVtW0IIC9zJQKfk"></script>
<script>
function initialize() {
var myLatLng = {lat: 47.559377, lng: 19.038524};
var mapProp = {
center: myLatLng,
zoom: 14,
mapTypeId: google.maps.MapTypeId.ROADMAP,
styles: [{"featureType": "all", "elementType": "labels.text.fill", "stylers": [{"saturation": 36}, {"color": "#000000"}, {"lightness": 40}]}, {"featureType": "all", "elementType": "labels.text.stroke", "stylers": [{"visibility": "on"}, {"color": "#000000"}, {"lightness": 16}]}, {"featureType": "all", "elementType": "labels.icon", "stylers": [{"visibility": "off"}]}, {"featureType": "administrative", "elementType": "geometry.fill", "stylers": [{"color": "#000000"}, {"lightness": 20}]}, {"featureType": "administrative", "elementType": "geometry.stroke", "stylers": [{"color": "#000000"}, {"lightness": 17}, {"weight": 1.2}]}, {"featureType": "landscape", "elementType": "geometry", "stylers": [{"color": "#000000"}, {"lightness": 20}]}, {"featureType": "poi", "elementType": "geometry", "stylers": [{"color": "#000000"}, {"lightness": 21}]}, {"featureType": "road.highway", "elementType": "geometry.fill", "stylers": [{"color": "#000000"}, {"lightness": 17}]}, {"featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [{"color": "#000000"}, {"lightness": 29}, {"weight": 0.2}]}, {"featureType": "road.arterial", "elementType": "geometry", "stylers": [{"color": "#000000"}, {"lightness": 18}]}, {"featureType": "road.local", "elementType": "geometry", "stylers": [{"color": "#000000"}, {"lightness": 16}]}, {"featureType": "transit", "elementType": "geometry", "stylers": [{"color": "#000000"}, {"lightness": 19}]}, {"featureType": "water", "elementType": "geometry", "stylers": [{"color": "#000000"}, {"lightness": 17}]}]
};
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
var marker = new google.maps.Marker({
map: map,
position: myLatLng,
title: 'Bojtár u. 49-59',
labelContent: 'Bojtár u. 49-59'
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body style="padding: 0; margin: 0;">
<div id="googleMap" style="width:372px;height:263px;"></div>
</body>
</html>
謝謝,我會盡量給予反饋:) –
我試過,但它不起作用。我忘了提及它是一個WordPress的網站。 –