¿Cómo integrar un mapa de Yahoo en el sitio web ASP.Net

StackOverflow https://stackoverflow.com/questions/3854910

  •  27-09-2019
  •  | 
  •  

Pregunta

Cómo mostrar yahoo mapa estático en gridview si pasamos de direcciones como cadena de consulta? También informe a cómo mostrar yahoo dinámica mapas también. He buscado sobre los mapas de Yahoo y tiene los siguientes enlaces http://developer.yahoo.com/ flash / mapas / examples.html , http://developer.yahoo.com/ mapas / descanso / V1 / y http://developer.yahoo.com/maps/. No he tenido ningún vínculo que tiene el código para integrar mapa de yahoo en una página web ASP.Net!

¿Fue útil?

Solución

He creado un mapa yahoo dinámica, la dirección se puede pasar como valor de un campo oculto presente en la página. El valor para el campo oculto se puede pasar de forma dinámica en el evento Load. He creado esta página en el niño encapsulado por página maestra en ASP.Net.

Antes de comenzar, el usuario tiene que generar ID de aplicación para el uso de los mapas de Yahoo por la tala en su ID de Yahoo y navegando a este enlace https://login.yahoo.com/config/login_verify2?.src=devnet&.done=http:// developer.apps.yahoo.com/wsregapp/ y la disponibilidad para nuestra URL del sitio web.

El código para la visualización de mapa de yahoo se da a continuación:

                   .mapa {     altura: 400 píxeles;     anchura: 700px;     font-family: Verdana;     font-size: 11px;     font-weight: bold; }     

<script type="text/javascript" src="http://api.maps.yahoo.com/ajaxymap?v=3.8&appid=YourAPPID">  
</script>

<script type="text/javascript">

    // Capture the user mouse-click and expand the SmartWindow
    function onSmartWinEvent() {


        // Create a map object
        var map = new YMap(document.getElementById('<%= map.ClientID %>'));
        // Add a pan control
        map.addPanControl();
        // Add a slider zoom control
        map.addZoomLong();
        // Display the map centered on the address specified          
        map.drawZoomAndCenter(document.getElementById('<%= HiddenField1.ClientID %>').value, 3);
        // Create a marker positioned at the address specified
        var marker = new YMarker(document.getElementById('<%= HiddenField1.ClientID %>').value, createCustomMarkerImage());
        // Add a label to the marker
        //marker.addLabel("<blink>*</blink>");
        // Call onSmartWinEvent when the user clicks on the marker 
        YEvent.Capture(marker, EventsList.MouseClick, onSmartWinEvent);
        // Display the marker 
        map.addOverlay(marker);


        var words = document.getElementById('<%= HiddenField1.ClientID %>').value;
        marker.openSmartWindow(words);

        // Add map type control   
        map.addTypeControl();
        // Default map to satellite (YAHOO_MAP_REG) -- other opts: YAHOO_MAP_HYB,YAHOO_MAP_SAT
        map.setMapType(YAHOO_MAP_REG);
    }

    function createCustomMarkerImage() {
        var myImage = new YImage();
        myImage.src = 'http://l.yimg.com/www.flickr.com/images/dot_splat.png';
        myImage.size = new YSize(30, 31);
        myImage.offsetSmartWindow = new YCoordPoint(15, 15);
        return myImage;
    }
</script>

<table width="100%" align="left">        
    <tr>
        <td>
            <body onload="onSmartWinEvent()">
                <div id="map" class="map" runat="server">
                </div>
                <asp:HiddenField ID="HiddenField1" runat="server" />
            </body>
        </td>
    </tr>
</table>

NOTA: Limitación de velocidad: La Yahoo! API AJAX Mapas se limita a 50.000 consultas por IP por día. Compruebe este enlace http://developer.yahoo.com/search/rate.html

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top