@@ -5,9 +5,10 @@
<title>Mapstraction V2 demo</title>
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAY70wuSo0zF3ZtJVp5bDm1BS1Y2ErAqCHV5rDhHSzgjy23KqwdRRaoSBuZk72oDzzAYxVBjtsLqSmTw"></script>
<script type="text/javascript" src="http://api.maps.yahoo.com/ajaxymap?v=3.8&appid=5wTxDW_V34GQjK.7glLG6OnJSRxCvfLj7ktMsuOoR42Gkm16vDVEjjw6FGWJ1Gky"></script>
- <script charset="UTF-8" type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></script>
+ <script charset="UTF-8" type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></script>
+ <script src="http://openlayers.org/api/OpenLayers.js"></script>
<!--<script src="domReady.js" type="text/javascript"></script>-->
- <script src="../source/mxn.js?(google, yahoo, microsoft)" type="text/javascript"></script>
+ <script src="../source/mxn.js?(google, yahoo, microsoft, openlayers)" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
@@ -37,7 +38,7 @@
var infoElm = document.getElementById('info');
var eventsElm = document.getElementById('events');
- var m = new mxn.Mapstraction('map');
+ var m = new mxn.Mapstraction('map', 'google');
m.endPan.addHandler(function(sEvtName, oEvtSource, oEvtArgs){
var center = oEvtSource.getCenter();
@@ -62,80 +63,92 @@
};
var ops = [
- {
- desc: 'Center map',
- action: function(){
- m.setCenterAndZoom(new mxn.LatLonPoint(37.4419, -122.1419), 10);
- }
- },
+ {
+ desc: 'Center map',
+ action: function(){
+ m.setCenterAndZoom(new mxn.LatLonPoint(37.4419, -122.1419), 10);
+ }
+ },
+ {
+ desc: 'Pan map',
+ action: function(){
+ m.setCenter(new mxn.LatLonPoint(37.3419, -122.0419), {pan: true});
+ }
+ },
+ {
+ desc: 'Get info',
+ action: function(){
+ infoElm.innerHTML = 'Info<br/>';
+ var bb = m.getBounds();
+ infoElm.innerHTML += 'Bounds:<br/>SW(' + bb.sw.lat.toFixed(5) + ','+ bb.sw.lon.toFixed(5) +')<br/>NE(' + bb.ne.lat.toFixed(5) + ','+ bb.ne.lon.toFixed(5) +')<br/>';
+ var ll = m.getCenter();
+ infoElm.innerHTML += 'Center: (' + ll.lat.toFixed(5) + ','+ ll.lon.toFixed(5) +')<br/>';
+ infoElm.innerHTML += 'Map type: ' + m.getMapType() + '<br/>';
+ infoElm.innerHTML += 'Zoom: ' + m.getZoom() + '<br/>';
+ }
+ },
+ {
+ desc: 'Set zoom',
+ action: function(){
+ m.setZoom(8);
+ }
+ },
+ {
+ desc: 'Add marker',
+ action: function(){
+ var mkr = new mxn.Marker(new mxn.LatLonPoint(37.3419, -122.0419));
+ mkr.setLabel('Some random place');
+ mkr.setInfoBubble('Some information about the random place');
+ mkr.click.addHandler(markerEventHandler);
+ mkr.openInfoBubble.addHandler(markerEventHandler);
+ mkr.closeInfoBubble.addHandler(markerEventHandler);
+ m.addMarker(mkr);
+ }
+ },
+ {
+ desc: 'Add marker offscreen',
+ action: function(){
+ var mkr = new mxn.Marker(new mxn.LatLonPoint(37.3419, -117.0419));
+ mkr.setLabel('Some other place');
+ m.addMarker(mkr);
+ }
+ },
+ {
+ desc: 'Auto center',
+ action: function(){
+ m.autoCenterAndZoom();
+ }
+ },
+ {
+ desc: 'Add line',
+ action: function(){
+ var pl = new mxn.Polyline([
+ new mxn.LatLonPoint(37.3419, -122.0419),
+ new mxn.LatLonPoint(36.3419, -120.0419),
+ new mxn.LatLonPoint(38.3419, -119.0419),
+ new mxn.LatLonPoint(37.3419, -117.0419)
+ ]);
+ pl.color = '#00DD55';
+ m.addPolyline(pl);
+ }
+ },
{
- desc: 'Pan map',
+ desc: 'Swap API (yahoo)',
action: function(){
- m.setCenter(new mxn.LatLonPoint(37.3419, -122.0419), {pan: true});
- }
+ m.swap('map', 'yahoo');
+ }
},
{
- desc: 'Get info',
+ desc: 'Swap API (microsoft)',
action: function(){
- infoElm.innerHTML = 'Info<br/>';
- var bb = m.getBounds();
- infoElm.innerHTML += 'Bounds:<br/>SW(' + bb.sw.lat.toFixed(5) + ','+ bb.sw.lon.toFixed(5) +')<br/>NE(' + bb.ne.lat.toFixed(5) + ','+ bb.ne.lon.toFixed(5) +')<br/>';
- var ll = m.getCenter();
- infoElm.innerHTML += 'Center: (' + ll.lat.toFixed(5) + ','+ ll.lon.toFixed(5) +')<br/>';
- infoElm.innerHTML += 'Map type: ' + m.getMapType() + '<br/>';
- infoElm.innerHTML += 'Zoom: ' + m.getZoom() + '<br/>';
- }
+ m.swap('map', 'microsoft');
+ }
},
{
- desc: 'Set zoom',
+ desc: 'Swap API (openlayers)',
action: function(){
- m.setZoom(8);
- }
- },
- {
- desc: 'Add marker',
- action: function(){
- var mkr = new mxn.Marker(new mxn.LatLonPoint(37.3419, -122.0419));
- mkr.setLabel('Some random place');
- mkr.setInfoBubble('Some information about the random place');
- mkr.click.addHandler(markerEventHandler);
- mkr.openInfoBubble.addHandler(markerEventHandler);
- mkr.closeInfoBubble.addHandler(markerEventHandler);
- m.addMarker(mkr);
- }
- },
- {
- desc: 'Add marker offscreen',
- action: function(){
- var mkr = new mxn.Marker(new mxn.LatLonPoint(37.3419, -117.0419));
- mkr.setLabel('Some other place');
- m.addMarker(mkr);
- }
- },
- {
- desc: 'Auto center',
- action: function(){
- m.autoCenterAndZoom();
- }
- },
- {
- desc: 'Add line',
- action: function(){
- var pl = new mxn.Polyline([
- new mxn.LatLonPoint(37.3419, -122.0419),
- new mxn.LatLonPoint(36.3419, -120.0419),
- new mxn.LatLonPoint(38.3419, -119.0419),
- new mxn.LatLonPoint(37.3419, -117.0419)
- ]);
- pl.color = '#00DD55';
- m.addPolyline(pl);
- }
- },
- {
- desc: 'Swap API',
- action: function(){
- m.swap('map', 'yahoo');
- }
+ m.swap('map', 'openlayers');
+ }
},
{ desc: 'Done.', action: function(){} }
tests/index.htm
67404e4f47d245e58373e980a604469048ad3f5b
80fba19b934f55dab382526d9bbd43e9dc43c3e6
Andrew Turner
andrew@highearthorbit.com
http://github.com/mapstraction/mxn/commit/0d4bd3bc8869098ec44a2a0878824eee6129da8c
0d4bd3bc8869098ec44a2a0878824eee6129da8c
2009-10-03T09:27:46-07:00
2009-10-03T09:27:46-07:00
Resolving merge conflicts with the Github branch
e4852c9dcd9aafe84f3a6b9345696b5139169c96
Andrew Turner
andrew@highearthorbit.com