A composite demo this one; incorporating two markers, a polyline, and one of Mapstractions built-in functions to work out the distance between where I live (London) and where I work (Berlin). that's it.
JavaScript Demo Source: mxn-home-and-work.js
var mapstraction;
function initialize() {
var home = new mxn.LatLonPoint(51.4323, -0.3478);
var work = new mxn.LatLonPoint(52.5307, 13.4110);
var somewhere = new mxn.LatLonPoint(51.516, 7.46);
var connector = new mxn.Polyline([home, work]);
var homeMarker = new mxn.Marker(home);
var workMarker = new mxn.Marker(work);
connector.setWidth(3);
mapstraction = new mxn.Mapstraction('map', 'ovi');
mapstraction.addControls ({
pan: true,
zoom: 'large',
map_type: true
});
mapstraction.addMarkerWithData (homeMarker, {
infoBubble : "Where I Live",
draggable : false,
hover : true
});
var bubbleText = "Where I Work (" +
(work.distance(home).toFixed(1) * 0.6) +
" miles away)";
mapstraction.addMarkerWithData (workMarker, {
infoBubble : bubbleText,
draggable : false,
hover : true
});
homeMarker.openBubble();
workMarker.openBubble();
mapstraction.addPolyline(connector);
mapstraction.setCenterAndZoom(somewhere, 5);
}
