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
Map Overlays
mk.setIcon('sombrero.png', [40,24]);
mk.setShadowIcon('sombrero-shadow.png', [53,24]);
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
Geo Data
navigator.geolocation.getCurrentPosition(found, notfound);
function found(pos) {
var lat = pos.coords.latitude;
var lon = pos.coords.longitude;
}
ClientLocation.latitude
ClientLocation.longitude
ClientLocation.address.city
ClientLocation.address.country
ClientLocation.address.country_code
ClientLocation.address.region
1