<script src="https://maps.google.com/maps/api/js?sensor=false&libraries=geometry&v=3"></script>
<script type='text/javascript' src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type='text/javascript' src="https://maplacejs.com/dist/maplace.min.js"></script>
<script type="text/javascript">
var data=[{'lat': 70.9397, 'html': '01001 JAN MAYEN (1001-1) IUKA11 ENMI 20170208-11 ', 'lon': -8.6679, 'icon': 'https://software.ecmwf.int/wiki/download/attachments/72123911/blue_MarkerD.png'}, {'lat': 78.9233, 'html': '01004 NY-ALESUND II IUKD12 ENMI 20170208-10 ', 'lon': 11.9221, 'icon': 'https://software.ecmwf.int/wiki/download/attachments/72123911/blue_MarkerD.png'}, {'lat': 69.31522, 'html': '01010 ANDOYA (1010-1) IUKD14 ENMI 20170209-11 ', 'lon': 16.13091, 'icon': 'https://software.ecmwf.int/wiki/download/attachments/72123911/blue_MarkerD.png'}, {'lat': 69.6767, 'html': '01025 TROMSO/LANGNES USEG01 HECA 20140824-00 ', 'lon': 18.9131, 'icon': 'https://software.ecmwf.int/wiki/download/attachments/72123911/red_MarkerS.png'}, {'lat': 74.5038, 'html': '01028 BJORNOYA (1028-1) IUKD13 ENMI 20170209-11 ', 'lon': 19.0012, 'icon': 'https://software.ecmwf.int/wiki/download/attachments/72123911/blue_MarkerD.png'}, {'lat': 67.285, 'html': '01152 BODO IUKD14 ENMI 20141125-12 ', 'lon': 14.4542, 'icon': 'https://software.ecmwf.int/wiki/download/attachments/72123911/red_MarkerS.png'}, {'lat': 63.7054, 'html': '01241 ORLAND III (1241-1) IUKD15 ENMI 20170209-11 ', 'lon': 9.6117, 'icon': 'https://software.ecmwf.int/wiki/download/attachments/72123911/blue_MarkerD.png'}, {'lat': 56.5424, 'html': '01400 EKOFISK (1400-1) IUKD51 ENMI 20170209-11 ', 'lon': 3.2238, 'icon': 'https://software.ecmwf.int/wiki/download/attachments/72123911/blue_MarkerD.png'}, {'lat': 59.3497, 'html': '01408 HAUGESUND AP USKA40 PTKR 20151014-00 ', 'lon': 5.1978, 'icon': 'https://software.ecmwf.int/wiki/download/attachments/72123911/red_MarkerS.png'}, {'lat': 58.87423, 'html': '01415 STAVANGER/SOLA (1415-1) IUKD16 ENMI 20170209-11 ', 'lon': 5.66505, 'icon': 'https://software.ecmwf.int/wiki/download/attachments/72123911/blue_MarkerD.png'}]
$(function() {
new Maplace({
locations: data,
map_div: '#map_div',
show_markers: true,
view_all_text: 'Start',
generate_controls: false,
type: 'marker',
map_options: {
set_center: [45.9, 10.9],
zoom: 4
}
}).Load();
});
</script>
<body>
<div id="map_div" style="width: 1200px; height: 800px"></div>
|