このような色付きのGoogleマップを作成するにはどうすればよいですか？

私はGoogleマップを見ましたが、私はこれを白黒だけにすることができますが、これは異なっています。このような色付きのGoogleマップを作成するにはどうすればよいですか？

どのようにこれらの色で埋め込むことができますか？

あなたは色付きのGoogleは、ここで（ページの下部）にマップ見つけることができます：http://market.hu/hu/

2017-04-06 D Molnar

あなたは

<!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>

出典

2017-04-06 11:36:31 degeaba

キーAPIを必要とするおかげで、私はフィードバックを試してみて与える:) –

私はそれを試してみましたが、それは動作しません。私はそれがワードプレスサイトであることを忘れていた。 –

このような色付きのGoogleマップを作成するにはどうすればよいですか？

答えて

関連する問題