Multiple Markers

Javascript Source

function myInitializeAPI() {
    var mapDiv = 'map'; //id of the div where the map should appear
    var mapType = 'default';
    var mapLanguage = 'A';
    var proxyUrl = '';
    var apiClientKey = 'you-api-key';
    SANGC_LoadMapViewer(mapDiv, mapType, mapLanguage, proxyUrl, apiClientKey);
};

function myLocations() {
    //--- set own marker's icon; set this after map is loaded.
    SANGC_AddaMarkerSymbol('red','./images/marker-1.png');
    SANGC_AddaMarkerSymbol('blue','./images/marker-2.png');

    //--- show multiple markers on map.
    SANGC_AddMarker(1993544, 46.716738, 24.650482, 'Location-1', 'red', 32, ['', null, null, null]);
    SANGC_AddMarker(1993544, 39.94877293, 21.47928850, 'Location-2', 'blue', 32, ['', null, null, null]);
    SANGC_AddMarker(1993544, 50.01360102, 26.55175392, 'Location-3', 'red', 32, ['', null, null, null]);
    SANGC_AddMarker(1993544, 46.74720321, 24.70392908, 'Location-4', 'blue', 32, ['معارض', 2, 2, 1]);
}

HTML Source

<div style="top:0px; margin-left:60px;">
    <input id="showmarkers" type="button" value="Show Multiple Markers" onclick="myLocations();">
</div>
<div id="map" style="position:absolute;overflow:hidden;width:500px;height:600px; margin:0px; padding:0px; background-color:white;">