¿Cómo integrar un mapa de Yahoo en el sitio web ASP.Net
-
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!
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