Maps inside posts

[marek-saji]

• [x] choose a style → http://snazzymaps.com/style/74/becomeadinosaur
• [ ] enchance static api with JS
• [ ] adaptive
• [ ] easy use

---

• http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html
• http://maps.googleapis.com/maps/api/staticmap?center=-21.2977586,55.3836571&zoom=9&format=png&sensor=false&size=640x480&maptype=roadmap&style=visibility:off&style=feature:road|element:geometry.fill|visibility:on|color:0xffffff&style=feature:water|element:geometry.fill|visibility:on|gamma:1|color:0x8ab6bb&style=feature:landscape.natural.landcover|element:geometry|visibility:on&style=feature:poi.park|element:geometry|visibility:on|color:0x99c379&style=feature:transit|element:geometry|visibility:on
• json:

[
  {
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "road",
    "elementType": "geometry.fill",
    "stylers": [
      { "visibility": "on" },
      { "color": "#ffffff" }
    ]
  },{
    "featureType": "water",
    "elementType": "geometry.fill",
    "stylers": [
      { "visibility": "on" },
      { "gamma": 1 },
      { "color": "#8ab6bb" }
    ]
  },{
    "featureType": "landscape.natural.landcover",
    "elementType": "geometry",
    "stylers": [
      { "visibility": "on" }
    ]
  },{
    "featureType": "poi.park",
    "elementType": "geometry",
    "stylers": [
      { "visibility": "on" },
      { "color": "#99c379" }
    ]
  },{
    "featureType": "transit",
    "elementType": "geometry",
    "stylers": [
      { "visibility": "on" }
    ]
  }
]

var myOptions = {
    zoom: 15,
    center: new google.maps.LatLng(53.385873, -1.471471),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    styles: style_array_from_above_here
};

var map = new google.maps.Map(document.getElementById('map'), myOptions);