Prueba de la API de Idemap

HOLA

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>