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>