Comment intégrer la carte Yahoo dans le site Web ASP.Net

Comment afficher la carte statique yahoo dans gridview si nous passons l'adresse comme chaîne de requête? Aussi s'il vous plaît dire comment afficher des cartes yahoo dynamiques aussi. J'ai recherché sur les cartes de yahoo et ai obtenu les liens suivants http://developer.yahoo.com/flash/maps/examples.html, http://developer.yahoo.com/maps/rest/V1/ et http://developer.yahoo.com/maps/. Je n'ai pas eu de lien qui a du code pour intégrer yahoo map dans un site web ASP.Net!Comment intégrer la carte Yahoo dans le site Web ASP.Net

Source

2010-10-04 banupriya

J'ai créé yahoo carte dynamique, l'adresse peut être passée en tant que valeur d'un champ caché présent dans la page. La valeur du champ masqué peut être transmise dynamiquement dans l'événement page_load. J'ai créé cela dans la page enfant encapsulée par page maître dans ASP.Net.

Avant de commencer, l'utilisateur doit générer l'ID de l'application pour utiliser les cartes yahoo en se connectant à votre ID Yahoo et en naviguant vers ce lien https://login.yahoo.com/config/login_verify2?.src=devnet&.done=http://developer.apps.yahoo.com/wsregapp/ et en fournissant l'URL de notre site Web.

Le code pour afficher la carte Yahoo est donnée ci-dessous:

{.map hauteur: 400px; largeur: 700px; famille de polices: Verdana; taille de police: 11px; police-poids: gras; }

<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>

REMARQUE: La limitation du débit: Yahoo! L'API AJAX Maps est limitée à 50 000 requêtes par adresse IP par jour. Vérifier ce lien http://developer.yahoo.com/search/rate.html

Source

2010-10-05 10:15:47 banupriya

Comment intégrer la carte Yahoo dans le site Web ASP.Net

Répondre

Questions connexes