ASP.NET WebサイトにYahooマップを統合する方法
-
27-09-2019 - |
質問
クエリ文字列としてアドレスを渡す場合、gridviewにyahoo静的マップを表示する方法は?また、動的なYahooマップを表示する方法も教えてください。 Yahooマップについて検索しましたが、次のリンクを取得しました http://developer.yahoo.com/flash/maps/examples.html, http://developer.yahoo.com/maps/rest/v1/ と http://developer.yahoo.com/maps/. 。 ASP.NET WebサイトにYahooマップを統合するためのコードがあるリンクはありませんでした!
解決
Yahoo Dynamic Mapを作成しました。アドレスは、ページに存在する隠されたフィールドの値として渡すことができます。非表示フィールドの値は、page_loadイベントで動的に渡すことができます。 ASP.NETのマスターページでカプセル化されたチャイルドページでこれを作成しました。
開始する前に、ユーザーはYahoo IDにログインしてこのリンクに移動することにより、Yahooマップを使用するためのアプリケーションIDを生成する必要があります https://login.yahoo.com/config/login_verify2?.src=devnet&.done=http://developer.apps.yahoo.com/wsregapp/ ウェブサイトのURLを提供します。
Yahooマップを表示するためのコードを以下に示します。
.map {height:400px;幅:700px;フォントファミリー:Verdana;フォントサイズ: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>
注:レート制限:Yahoo! Ajax Maps APIは、1日あたりIPあたり50,000クエリに制限されています。このリンクを確認してくださいhttp://developer.yahoo.com/search/rate.html