Multiple Maps

Use multiple maps on a single page.

Javascript Source

function initWidgets() {
    SANGC_showMiniMap('default', 'MiniMap1', 46.716670, 24.649988, 'Riyadh', 1, 32, 'A', 'your-api-key', 'images/marker-2.png');
    SANGC_showMiniMap('default', 'MiniMap2', 39.826290, 21.422478, 'Makkah', 1, 32, 'E', 'your-api-key', 'images/marker-2.png');
    SANGC_showMiniMap('default', 'MiniMap3', 39.166865, 21.553677, 'Jeddah', 1, 32, 'A', 'your-api-key', 'images/marker-2.png');
}

HTML Source

<div id="MiniMap1" class="mapWidget" style="top:20px;left:50px;"></div>  
<div id="MiniMap2" class="mapWidget" style="top:20px;left:380px; background-color:cornsilk;"></div>