Wie Yahoo Karte in ASP.Net Website integrieren
-
27-09-2019 - |
Frage
Wie yahoo statische Karte in gridview angezeigt werden, wenn wir Adresse als Query-String übergeben? Geben Sie bitte auch sagen, wie dynamische yahoo angezeigt werden auch abbildet. Ich habe von Yahoo Maps gesucht und bekam die folgenden Links http://developer.yahoo.com/ Flash / Karten / examples.html , http://developer.yahoo.com/ Karten / rest / V1 / und http://developer.yahoo.com/maps/. Ich habe keine Verbindung bekommen, die für die Integration von Yahoo Karte in einem ASP.Net Website-Code hat!
Lösung
Ich habe Yahoo dynamische Karte erstellt, kann die Adresse als Wert eines versteckten Feld in der Seite übergeben wird. Der Wert für verstecktes Feld kann dynamisch in page_load Ereignisse übergeben werden. Ich habe dies von Master-Seite in ASP.Net eingekapselt in der untergeordneten Seite erstellt.
Vor dem Start muss der Benutzer Anwendungs-ID erzeugen, für Yahoo mit Karten durch die Protokollierung in der Yahoo-ID und die Navigation zu diesem Link https://login.yahoo.com/config/login_verify2?.src=devnet&.done=http:// developer.apps.yahoo.com/wsregapp/ und unserer Website URL bereitstellt.
Der Code für Yahoo map Anzeige ist unten angegeben:
.Karte { Höhe: 400 Pixel; Breite: 700px; font-family: Verdana; font-size: 11px; Schriftdicke: fett; }
<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>
Hinweis: Rate Limiting: Die Yahoo! AJAX Maps API ist zu 50.000 Anfragen pro IP pro Tag begrenzt. Überprüfen Sie diesen Link http://developer.yahoo.com/search/rate.html