ArcGIS API for JavaScriptは地図をクリックしてこの点の経緯を表示することを実現します.

1732 ワード

1、まず、ホームページに地図を表示します.
jsコードは以下の通りです
$(document).ready(function() {
	var map;
	require([
		"esri/map", 
		 "dojo/dom", "dojo/domReady!"
	], function(
		Map,  dom
	) {
		map = new Map("container", {  //"container"  HTML        div  
			basemap: "hybrid",//    
			center: [120.44109, 35.6122],//         
			zoom: 6  //        
		});
		
		}
	});
});
一部のHTMLコード:


	
    


		
		
2、mapにクリックトリガーイベントを追加し、経緯度表示を取得する(続いて上にmap書き込みを作成します)
get Latitude()関数で緯度を求め,get Longitude()を得た.
 
map.on("click", function(ev) {
		var lat = Math.round(ev.mapPoint.getLatitude() * 1000) / 1000;
        var lon = Math.round(ev.mapPoint.getLongitude() * 1000) / 1000;
        alert(lat+","+lon);
});
先にクリックした後にマウスのところで枠をイジェクトして経緯度を表示するならば、自分でHTMLにdivを追加してもいいです.クリックトリガーイベントでこのdivのscssコードを変更すればいいです.
map.on("click", function(ev) {
            //jingweidu  div id
			var divv = document.getElementById('jingweidu');
			var lat = Math.round(ev.mapPoint.getLatitude() * 1000) / 1000;
            var lon = Math.round(ev.mapPoint.getLongitude() * 1000) / 1000;
 
			
			var oEvent = ev || event;
			divv.style.left = (oEvent.clientX + 10) + "px";
			divv.style.top = (oEvent.clientY + 5) + "px";
			divv.style.position = "absolute";//     position  
			divv.innerHTML = lat+ "," +lon;
		});
后期、自分でcssを书くことができて、このdivを美しくならせます...