Cartociudad con Flamingo MapComponents

Source Code:


            <html>

              <head>

                <title>Cartociudad con flamingo integrado en mapstraction</title>

                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


                <script src="../downloads/1.0/cmsmapjscript.js"></script>

                <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAb0nbjGwG-nMVDi4-Xm2ZxRTLD7p84At3aTyK8Pz-nnlFBuJuhRT6Eis3VWgOuudC53omRw7hMf-xLg" type="text/javascript"></script>

            
              </head>

              <body>

                  <div id="mapstraction"></div>

            
                  <script type="text/javascript">

                      // initialise the map with your choice of API

                      var mapstraction = new mxn.MapstractionInteractive('mapstraction','cartociudad_flash');

                      mapstraction.setCenterAndZoom(new mxn.LatLonPoint(40, -3),12);


                      mapstraction.addControls({

                          pan: true,

                          zoom: 'long',

                          map_type: true,

                          mouse_position: true

                      )}


                      function mostrar_centro(mapa){

                          var centro = mapa.getCenter();

                          alert(centro);

                      }


                      function cambiar_centro(mapa){

                          var centro = new LatLonPoint(41, -2);

                          mapa.setCenter(centro);

                      }


                      function cambiarZoom(mapa){

                          mapa.setZoom(15);

                      }


                      function mostrarZoom(mapa){

                          var zoom = mapa.getZoom();

                          alert(zoom);

                      }


                      function mostrarBbox(mapa){

                          var bbox = mapa.getBounds;

                          alert("Coordenadas esquina suroeste: "+bbox.sw+'\nCoordenadas esquina noreste: '+bbox.ne);

                      }


                      function cambiarBbox(mapa){

                          var bbox = new BoundingBox(39, -5, 39.5, -4.5);

                          mapa.setBounds(bbox);

                      }


                      function ponerMarcador(mapa){

                          var myPoint = new LatLonPoint(41, -2);

                          var myMarker = new Marker(myPoint);

                          mapa.addMarker(myMarker);

                          mapa.setCenter(myPoint);

                      }


                      function dibujarLinea(mapa){

                          var bbox = new BoundingBox(39.5, -2.5, 41.5, -0.5);

                          mapa.setBounds(bbox);

                          var myPoly = new Polyline([new LatLonPoint(41, -2),new LatLonPoint(40, -2),new LatLonPoint(40, -1),new LatLonPoint(41, -1)]);

                          mapa.addPolyline(myPoly);

                      }


                      function cambiarApi(mapa){

                          mapa.swap("mapstraction","google");

                      }


                  </script>

              </body>

            </html>
Cartociudad con flamingo integrado en mapstraction

Funciones de ejemplo

Source Code:
