ArcGIS API for JavaScriptは地図をクリックしてこの点の経緯を表示することを実現します.
1732 ワード
1、まず、ホームページに地図を表示します.
jsコードは以下の通りです
get Latitude()関数で緯度を求め,get Longitude()を得た.
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を美しくならせます...