embed - How can I make a colored google maps, like this one? -


i saw google maps, , can make black-and-white, 1 different.

how can embed these colors?

you can find colored google maps here(bottom of page): http://market.hu/hu/

you need api key

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

Comments

Popular posts from this blog

inversion of control - Autofac named registration constructor injection -

verilog - Systemverilog dynamic casting issues -

ios - Change Storyboard View using Seague -