Stylise Google map

//Google Map Skin - Get more at http://snazzymaps.com/ var myOptions = { zoom: 14, center: new google.maps.LatLng(43.493184, -1.495102), mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true, styles: [ { "featureType": "water", "elementType": "geometry.fill", "stylers": [ { "color": "#d3d3d3" } ] }, { "featureType": "transit", "stylers": [ { "color": "#808080" }, { "visibility": "off" } ] }, { "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [ { "visibility": "on" }, { "color": "#b3b3b3" } ] }, { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [ { "color": "#ffffff" } ] }, { "featureType": "road.local", "elementType": "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#ffffff" }, { "weight": 1.8 } ] }, { "featureType": "road.local", "elementType": "geometry.stroke", "stylers": [ { "color": "#d7d7d7" } ] }, { "featureType": "poi", "elementType": "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#ebebeb" } ] }, { "featureType": "administrative", "elementType": "geometry", "stylers": [ { "color": "#a7a7a7" } ] }, { "featureType": "road.arterial", "elementType": "geometry.fill", "stylers": [ { "color": "#ffffff" } ] }, { "featureType": "road.arterial", "elementType": "geometry.fill", "stylers": [ { "color": "#ffffff" } ] }, { "featureType": "landscape", "elementType": "geometry.fill", "stylers": [ { "visibility": "on" }, { "color": "#efefef" } ] }, { "featureType": "road", "elementType": "labels.text.fill", "stylers": [ { "color": "#696969" } ] }, { "featureType": "administrative", "elementType": "labels.text.fill", "stylers": [ { "visibility": "on" }, { "color": "#737373" } ] }, { "featureType": "poi", "elementType": "labels.icon", "stylers": [ { "visibility": "off" } ] }, { "featureType": "poi", "elementType": "labels", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road.arterial", "elementType": "geometry.stroke", "stylers": [ { "color": "#d6d6d6" } ] }, { "featureType": "road", "elementType": "labels.icon", "stylers": [ { "visibility": "off" } ] }, {}, { "featureType": "poi", "elementType": "geometry.fill", "stylers": [ { "color": "#dadada" } ] } ] }; var map = new google.maps.Map(document.getElementById('map'), myOptions); var image = 'img/pointer.png'; var place = new google.maps.LatLng(43.492320, -1.495004); var marker = new google.maps.Marker({ position: place , title: 'Euskal Plantxa - Hasparren' , map: map , icon: image , });

1 Response

Thanks

Write a comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.