Get Address and Information from Map
Javascript Source
//--- Load SP Maps function initMapApi() { var mapDiv = 'map'; //id of the div where the map should appear var mapType = 'default'; var mapLanguage = 'A'; var proxyUrl = ''; var apiClientKey = 'your-api-key'; SANGC_LoadMapViewer(mapDiv, mapType, mapLanguage, proxyUrl, apiClientKey); AssignUserEvents(); }; //======= Assign User Events so that to be trigered function AssignUserEvents() { //------- Map Events. SANGC_OnMapLoaded = ClientOnMapLoaded; SANGC_OnMouseClick = ClientOnMouseClick; SANGC_OnIdentify = ClientOnIdentify; }; //--- Callback function for Map Loaded Event function ClientOnMapLoaded() { return; }; //--- Callback function for Identify Click event function ClientOnIdentify(aResult) { document.getElementById("locationInformationTable").innerHTML = ''; document.getElementById("noresultsdiv").innerHTML = ''; if ((aResult == null) || (aResult.length == 0)) { document.getElementById("noresultsdiv").innerHTML = "No Result"; } else { for (var i = 0; i <= aResult.length - 1; i++) { alert(aResult[i].BuildingNumber + aResult[i].ZipCode + aResult[i].AdditionalNumber + aResult[i].StreetAr + aResult[i].StreetEn + aResult[i].DistrictAr + aResult[i].DistrictEn + aResult[i].CityAr + aResult[i].CityEn + aResult[i].ServiceNameAr + aResult[i].ServiceNameEn + aResult[i].HasParcel + aResult[i].RegionAr + aResult[i].RegionEn + aResult[i].Latitude + aResult[i].Longitude); } } }; function ClientOnMouseClick(px, py, sx, sy) { var locationObj = document.getElementById('locationStatus'); locationObj.innerHTML = ' Longitude: ' + px.toString() + ", Latitude: " + py.toString(); };
HTML Source
<div class="container" style="background-color:#DCE8E0;"> <div class="row"> <div class="col-md-12"> <div style="margin-bottom:20px;"> <h1>National Address Maps Api Portal - Sample - Get Location Info.</h1> </div> <div style="position:relative;height:500px;width:100%;"> <div id="map" style="width:100%;height:100%; margin:0px; padding:0px; background-color:white;"></div> </div> <div id="Div4" style="background-color:Highlight; height:10px; width:100%; padding-bottom:18px; font-weight:bold;">Location Information</div> <div id="locationStatus" style="background-color:Highlight; height:100%; width:100%; font-family:Calibri;"></div> <div id="resultsDiv" style="background-color:Highlight; height:100%; width:100%; font-family:Calibri;"> <table id="locationInformationTable" border="1"></table> <div id="noresultsdiv"></div> </div> </div> </div> </div>