Hash

Save the map position to the URL so that links hit the map in the same state as the initial user.

<html>
<head>
  <script
    src='https://maps.google.com/maps/api/js?sensor=false'
    type='text/javascript'></script>
  <script
    src='wax/dist/wax.g.min.js'
    type='text/javascript'></script>
  <link
    href='wax/theme/controls.css'
    rel='stylesheet'
    type='text/css' />

Wax has a custom Google map type that can display tilesets described by the TileJSON format at wax.g.connector.

wax.tilejson('https://api.tiles.mapbox.com/v2/mapbox.geography-class.jsonp',
  function(tilejson) {
  var map = new google.maps.Map(
    document.getElementById('map-div'), {
      center: new google.maps.LatLng(0, 0),
      disableDefaultUI: true,
      zoom: 1,
      mapTypeId: google.maps.MapTypeId.ROADMAP });
  map.mapTypes.set('mb', new wax.g.connector(tilejson));
  map.setMapTypeId('mb');
  wax.g.hash(map);
});

API

var interaction = wax.g.hash(map): Create a new interaction object with a given map, TileJSON, and options object.

Wax

Documentation

Esri

Touch

Google Maps

Leaflet

ModestMaps

OpenLayers

Polymaps

Parts

Hash

API