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>