Google Maps example

by Dan Shahin

HTML

<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;extension=.js"></script>
<div id="map"></div>

CSS

#map {
     height: 500px;
     width: 500px;
 }

JavaScript

jQuery(document).ready(function () {
    var map;
    var centerPosition = new google.maps.LatLng(40.747688, -74.004142);


   
    
    var mapStyle = [{
                "featureType": "road.local",
                "stylers": [
                    { "visibility": "off" }
                ]
            }, {
                "featureType": "road.arterial",
                "elementType": "geometry.fill",
                "stylers": [
                    { "lightness": 100 }
                ]
            }, {
                "featureType": "road.highway",
                "elementType": "geometry.fill",
                "stylers": [
                    { "lightness": 100 }
                ]
            }, {
                "featureType": "road.highway",
                "elementType": "geometry.stroke",
                "stylers": [
                    { "saturation": -100 }
                ]
            }, {
                "featureType": "landscape.man_made",
                "stylers": [
                    { "visibility": "off" }
                ]
            }, {
                "featureType": "poi.park",
                "stylers": [
                    { "saturation": -60 },
                    { "lightness": 35 }
                ]
            }, {
                "featureType": "water",
                "stylers": [
                    { "saturation": -60 },
                    { "lightness": 35 }
                ]
            }, {
                "featureType": "road.highway",
                "elementType": "labels.text.stroke",
                "stylers": [
                    { "lightness": 100 }
                ]
            }, {
                "featureType": "road.arterial",
                "elementType": "labels.text.stroke",
                "stylers": [
                    { "lightness": -100 },
                    { "visibility": "off" }
                ]
            }, {
                "featureType": "road.arterial",
                "elementType":...