<style type="text/css">
<!--
#map {
	height: 400px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
-->
</style>
<script type="text/javascript" src="http://axe.mappy.com/1v1/init/get.aspx?auth=[votretoken]&version=2.02&solution=ajax"></script>

<div id="map"></div>
<script>
//on defini la cible
var map = new Mappy.api.map.Map({
container:"#map"
});

map.setCenter(new Mappy.api.geo.Coordinates(-3.1502330,48.560058073), 10);

var markerLayer = new Mappy.api.map.layer.MarkerLayer(40);
map.addLayer(markerLayer);

//barre d'outil
var scalePosition = new Mappy.api.map.tools.ToolPosition('lb', new Mappy.api.types.Point(10, 0));
var scale = new Mappy.api.map.tools.Scale(scalePosition);
map.addTool(scale);

var minimapPosition = new Mappy.api.map.tools.ToolPosition('lb');
var minimap = new Mappy.api.map.tools.MiniMap(minimapPosition);
map.addTool(minimap);

var toolBarPosition = new Mappy.api.map.tools.ToolPosition('rb', new Mappy.api.types.Point(10, 15));

var toolBar = new Mappy.api.map.tools.ToolBar({
zoom : { label : "Zoom in/out" }
}, toolBarPosition);
map.addTool(toolBar);

// on défini le marqueur

var icon = new Mappy.api.ui.Icon(Mappy.api.ui.Icon.DEFAULT);
icon.image ='castle-2.png';
icon.size=(32, 37);

var marker = new Mappy.api.map.Marker(new Mappy.api.geo.Coordinates(-3.1502330,48.560058073), icon);
marker.addToolTip('marker A');
marker.addListener("click", function ()
{
marker.openPopUp('marker A.');
});
markerLayer.addMarker(marker);

</script>