Way Cool Map Scripting

Adam DuVander

web: mapscripting.com

twitter: @adamd

hashtag: #waycool

By Mike Beauregard

By Mike Roventine

By betty x1138

Mapping Providers

var map = new mxn.Mapstraction('mymap', 'google');
var pt = new mxn.LatLonPoint(30.26, -97.73); mapstraction.setCenterAndZoom(pt);
var mk = new mxn.Marker(pt);
mk.setInfoBubble('Hello SXSW!');
mapstraction.addMarker(mk);

var map = new mxn.Mapstraction('mymap', 'yahoo');
var pt = new mxn.LatLonPoint(30.26, -97.73); mapstraction.setCenterAndZoom(pt);
var mk = new mxn.Marker(pt);
mk.setInfoBubble('Hello SXSW!');
mapstraction.addMarker(mk);

"Slides" and Example Code

http://mapscripting.com/way-cool

Map Overlays

mk.setIcon('sombrero.png', [40,24]);
mk.setShadowIcon('sombrero-shadow.png', [53,24]);

www.cycloloco.com/shadowmaker

a.googlecontrol {
  position: relative;
  float: right;
  margin: 5px 3px 0 0;
  width: 63px;
  height: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #b0b0b0;
  background-color: white;
  font-size: 12px;
  text-align: center;
}

img.imgcontrol {
  position: relative;
  float: right;
  margin: 2px;
}

mapstraction.addImageOverlay('searchradius', 'circle.png', 100, w, s, e, n);

var poly = new mxn.Polyline([pt1, pt2, ...]);
mapstraction.addPolyline(poly);

Map Imagery