Prueba de la API de Idemap en Blogger

Para insertar la API de IDEMAP es suficiente con escribir el siguiente código en su página web y quedaría un mapa como el que aparece a continuación:


<html>
<head>   <script src=http://www.idemap.es/idemap/api/idemapAPI.js ></script>
<script type="text/javascript">
  onload = function() {  
        var coordsX = new Array();  
        var coordsY = new Array();  
        var nombres = new Array();  
        var iconUrl = "http://www.idemap.es/idemap/api/hotel.gif";           coordsX[0] = 424796;    coordsY[0] = 4068757;   nombres[0] = "Hotel 1";  
coordsX[1] = 424896;    coordsY[1] = 4068857;   nombres[1] = "Hotel 2";  
coordsX[2] = 424996;    coordsY[2] = 4068557;   nombres[2] = "Hotel 3";  
        var idemap = new IdemapAPI('map1');  
        idemap.setCoordsX(coordsX); idemap.setCoordsY(coordsY);idemap.setTexts(nombres);idemap.setIconURL(iconUrl);  
        idemap.ZoomToPoint(coordsX[1], coordsY[1]);
    
</script>
</head>
<body>
    <div id="map1"  style="width:400px;height:300px" ></div>
</body>
</html>