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
Post a Comment