Leaflet

<!DOCTYPE html>
<head>
  <meta charset="utf-8">

<body>
  <div id="map"></div>
  <script>
    	 	// We’ll add a tile layer to add to our map, in this case it’s a OSM tile layer.
	 	// Creating a tile layer usually involves setting the URL template for the tile images
	 	var osmUrl = 'https://server.arcgisonline.com/ArcGIS/rest/services/NatGeo_World_Map/MapServer/tile/{z}/{y}/{x}.png',
	 	    osmAttrib = '&copy; <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors',
	 	    osm = L.tileLayer(osmUrl, {
	 	        maxZoom: 16,
	 	        attribution: osmAttrib
	 	    });

// initialize the map on the "map" div with a given center and zoom
    
    console.clear();
    
    var latlngs = [
    	[-7.5407173,110.4369693,"https://www.downloadclipart.net/medium/51397-volcano-images.png"],
    	[3.1696345,98.3842794,"https://www.downloadclipart.net/medium/51397-volcano-images.png"],
      [-8.3433103,115.4983027,"https://www.downloadclipart.net/medium/51397-volcano-images.png"]
    ]
    
    var markers = [];
    
	 	var map = L.map('map', {
    	zoomControl : false
    }).setView([-7.5407173,110.4369693], 12).addLayer(osm);
    
    var myIconDefault = L.icon({
        iconUrl: "https://cdn3.iconfinder.com/data/icons/basic-mobile-part-2/512/volcano-512.png",
        iconSize: [20, 25],
        iconAnchor: [10, 25],
        popupAnchor: [0, -25]
        
    });
    
    function IconGen(icon){
    	var myIcon = L.icon({
        iconUrl: icon,
        iconSize: [20, 25],
        iconAnchor: [10, 25],
        popupAnchor: [0, -25]
        
    });
    return myIcon;
    }
    
    function PopupGen(popup){
    	return "<div style='text-align:center;'><h2>MOUNT NAME</h2><hr><img src='"+popup+"'/></div>"
    }

latlngs.forEach(function(coor){
    	var marker = L.marker([coor[0],coor[1]],{icon: myIconDefault}).on('mouseover',function(e){
  e.target.setIcon(IconGen("https://cdn4.iconfinder.com/data/icons/disasters-flat-colorful/2048/6736_-_Volcano_Erupting-512.png"));
      }).on('mouseout',function(e){
      e.target.setIcon(myIconDefault);
      }).bindPopup(PopupGen(coor[2]))
      markers.push(marker);
    });
    
    //var polygon = L.polygon(latlngs, {color: 'red'}).addTo(map);
    
    var layerGroups = L.featureGroup(markers)
    	.addTo(map);
      
    map.fitBounds(layerGroups.getBounds(),{
    	padding: [20,20]
    })

</script>
</body>

Modified http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js to a secure url

https://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js