Google Maps Locations

by Laurie

HTML

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

CSS

#map {
    width: 950px;
    height: 700px;
}

JavaScript

var map;
var myOptions = {
    zoom: 3,
    center: new google.maps.LatLng(39.134557, -112.148438),
    mapTypeId: 'roadmap'
};
map = new google.maps.Map($('#map')[0], myOptions);

var styles = [
  {
    "featureType": "administrative.locality",
    "elementType": "labels",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "poi",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "road",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "water",
    "stylers": [
      { "visibility": "simplified" }
    ]
  },{
    "featureType": "transit",
    "stylers": [
      { "visibility": "off" }
    ]
  }
];

map.setOptions({
    styles: styles
});