Ceci est une ancienne révision du document !
Carte complète des solitons
<html> <script src=“http://openlayers.org/api/OpenLayers.js”></script> <script type=“text/javascript” src=“http://www.solitons.org/plugins/solitons/lib/mapstraction.js”></script> <script type=“text/javascript”> function init(){
// definir la carte var mapstraction = new Mapstraction('map','openlayers');
// definir le point central var firstPoint = new LatLonPoint(38.0,-38.0);
// afficher la carte autour de ce point avec un zoom mapstraction.setCenterAndZoom(firstPoint, 3);
// ajouter les controles mapstraction.addControls({pan: true, zoom: 'small'||'large', map_type: true});
// ajouter les marqueurs var thismark; thismark = new Marker(new LatLonPoint(48.857618,2.360904)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=2.360904, latitude=48.857618</p>" + "<p>Direction des Affaires Culturelles de la Ville de Paris<p>" + "<p>Solitons: 1.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(48.72399,2.083882)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=2.083882, latitude=48.72399</p>" + "<p>collection particulière<p>" + "<p>Solitons: 2, 6.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(48.841179,2.38863)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=2.38863, latitude=48.841179</p>" + "<p>collection particulière<p>" + "<p>Solitons: 3.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(53.553933,10.016524)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=10.016524, latitude=53.553933</p>" + "<p>OM Studio<p>" + "<p>Solitons: 4, 9, 10, 11, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 34, 36.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(48.832285,2.355538)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=2.355538, latitude=48.832285</p>" + "<p>collection particulière<p>" + "<p>Solitons: 5.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(48.72399,2.083882)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=2.083882, latitude=48.72399</p>" + "<p>collection particulière<p>" + "<p>Solitons: 7, 29, 38, 40, 44, 50, 52, 53, 54, 56, 57, 58, 65.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(48.842734,2.341362)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=2.341362, latitude=48.842734</p>" + "<p>collection particulière<p>" + "<p>Solitons: 8.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(47.903141,-4.283661)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=-4.283661, latitude=47.903141</p>" + "<p>collection particulière<p>" + "<p>Solitons:10, 11, 13, 15, 33.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(48.111305,-1.678909)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=-1.678909, latitude=48.111305</p>" + "<p>collection particulière<p>" + "<p>Solitons: 11.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(53.550831,9.993051)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=9.993051, latitude=53.550831</p>" + "<p>collection particulière<p>" + "<p>Solitons: 12, 46, 66.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(48.863963,2.360722)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=2.360722, latitude=48.863963</p>" + "<p>Galerie Anton Weller<p>" + "<p>Solitons: 14, 21, 28, 29, 30, 31, 32, 33.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(53.549314,10.012692)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=10.012692, latitude=53.549314</p>" + "<p>Galerie Kammer-Studio<p>" + "<p>Solitons: 15, 43, 55.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(48.877504,2.269742)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=2.269742, latitude=48.877504</p>" + "<p>Exploradome<p>" + "<p>Solitons: 16, 20, 23, 30, 34, 35, 36, 39, 41, 47, 48, 49, 59, 60, 61, 62, 63, 64.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(48.826389,2.346389)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=2.346389, latitude=48.826389</p>" + "<p>Télécom ParisTech, site Barrault<p>" + "<p>Solitons: 18.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(48.8304968143536,2.335981681829)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=2.335981681829, latitude=48.8304968143536</p>" + "<p>Télécom ParisTech, site Dareau<p>" + "<p>Solitons: 18.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(48.832285,2.355538)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=2.355538, latitude=48.832285</p>" + "<p>collection particulière<p>" + "<p>Solitons: 21.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(53.549321,10.005961)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=10.005961, latitude=53.549321</p>" + "<p>Kunsthaus Hamburg<p>" + "<p>Solitons: 22, 36.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(49.7483647753642,3.07233432579151)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=3.07233432579151, latitude=49.7483647753642</p>" + "<p>collection particulière<p>" + "<p>Solitons: 24.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(53.550831,9.993051)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=9.993051, latitude=53.550831</p>" + "<p>collection particulière<p>" + "<p>Solitons: 27.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(48.72399,2.083882)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=2.083882, latitude=48.72399</p>" + "<p>collection particulière<p>" + "<p>Solitons: 28.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(48.854393,2.37789)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=2.37789, latitude=48.854393</p>" + "<p>Un mur, une table<p>" + "<p>Solitons: 35, 37.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(53.567173,9.992667)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=9.992667, latitude=53.567173</p>" + "<p>Institut Français de Hambourg<p>" + "<p>Solitons: 42, 45.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(40.727243,-73.98033)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=-73.98033, latitude=40.727243</p>" + "<p>collection particulière<p>" + "<p>Solitons: 51.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(36.231452,-33.920285)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=-33.920285, latitude=36.231452</p>" + "<p>navire océanographique Atalante<p>" + "<p>Solitons: 67, 68, 69.</p>" + "" ); mapstraction.addMarker(thismark); thismark = new Marker(new LatLonPoint(36,-33)); thismark.setIcon(); thismark.setIconSize(); thismark.setInfoBubble( "<p>Longitude=-33, latitude=36</p>" + "<p>soliton dans la zone rainbow<p>" + "<p>Solitons: 70.</p>" + "" ); mapstraction.addMarker(thismark);
}
function that cleanly defines function to execute on load http://simonwillison.net/2004/May/26/addLoadEvent/ function addLoadEvent(func) {
var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } }
}
addLoadEvent(init);
</script>
<div id=“map” style=“width: 800px; height: 600px; float:left; border: 1px solid black; margin-left: 80px; margin-right: 80px;”></div> </html>