here is a full portion. Basically for a point that is at 22.297386, 114.173816 i display a circle on my map as well as some information about the address taken from evtl.address that i distribute into some html elements (last part)
These information come always in native language, while i'd need the English/Transliterated version instead
var map, tb;
require([
"esri/map",
"esri/dijit/BasemapGallery",
"esri/tasks/locator",
"esri/layers/FeatureLayer",
"esri/layers/VectorTileLayer",
"esri/layers/ArcGISDynamicMapServiceLayer",
"esri/layers/ImageParameters",
"esri/geometry/webMercatorUtils",
"esri/InfoTemplate",
"esri/dijit/Basemap",
"esri/dijit/BasemapLayer",
"esri/geometry/Point",
"esri/SpatialReference",
"esri/toolbars/draw",
"esri/symbols/SimpleMarkerSymbol",
"esri/symbols/SimpleLineSymbol",
"esri/symbols/PictureFillSymbol",
"esri/symbols/CartographicLineSymbol",
"esri/graphic",
"esri/layers/GraphicsLayer",
"esri/graphicsUtils",
"esri/dijit/BasemapToggle",
"esri/dijit/Search",
"esri/Color", "dojo/dom", "dojo/on", "dojo/domReady!"
], function (
Map, BasemapGallery,
Locator, FeatureLayer,
VectorTileLayer,
ArcGISDynamicMapServiceLayer,
ImageParameters,
webMercatorUtils,
InfoTemplate,
Basemap,
BasemapLayer,
Point,
SpatialReference,
Draw,
SimpleMarkerSymbol, SimpleLineSymbol,
PictureFillSymbol, CartographicLineSymbol,
Graphic, GraphicsLayer, graphicsUtils,
BasemapToggle, Search,
Color, dom, on
) {
var lat = '22.297386';
var lng = '114.173816';
map = new Map("mapDiv", {
basemap: "hybrid",
center: [lng, lat],
zoom: 17,
slider: true,
infoWindow: false
});
var locator = new Locator("https://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer");
var infoTemplate = new InfoTemplate("Location", "Address: ${Address}");
var symbol = new SimpleMarkerSymbol(
SimpleMarkerSymbol.STYLE_CIRCLE,12,
new SimpleLineSymbol(
SimpleLineSymbol.STYLE_NULL,
new Color([255, 0, 0, 2]),1
),
new Color([255, 0, 0, 2])
);
map.on('load', function () {
var pt = new Point(lng, lat);
locator.locationToAddress(pt, 100);
var sms = new SimpleMarkerSymbol().setStyle(
SimpleMarkerSymbol.STYLE_CIRCLE).setColor(
new Color([255, 0, 0, 2]));
var graphic = new Graphic(pt, sms);
map.graphics.add(graphic);
});
locator.on("location-to-address-complete", function(evtl) {
if (evtl.address.address) { console.log(evtl.address);
address = evtl.address.address;
var whereToAddr = document.getElementById("addr"); whereToAddr.value = address.Address;
var whereToCity = document.getElementById("City"); whereToCity.value = address.City;
var whereToCounty = document.getElementById("County"); whereToCounty.value = address.Subregion;
var whereToState = document.getElementById("State"); whereToState.value = address.Region;
var whereToPostal = document.getElementById("Postal"); whereToPostal.value = address.Postal;
var whereToCountry = document.getElementById("Country"); whereToCountry.value = address.CountryCode;
var whereToMetro = document.getElementById("Metro"); whereToMetro.value = address.MetroArea;
var whereToNeighbrhd = document.getElementById("Neighbrhd"); whereToNeighbrhd.value = address.Neighborhood;
var whereToType = document.getElementById("Type"); whereToType.value = address.Type;
var whereToCorrect = document.getElementById("Correct"); whereToCorrect.value = address.LongLabel;
}
});
});