Ability to insert own HTML instead of predefined icons

README.md

@@ -65,6 +65,7 @@ Now use the plugin to create a marker like this:
 | Property        | Description                  | Default Value | Possible  values                                     |
 | --------------- | ---------------------------- | ------------- | ---------------------------------------------------- |
 | icon            | Name of the icon WITH prefix | 'fa-home'     | See glyphicons or font-awesome (must include prefix)  |
+| innerHTML       | own HTML code                | ''            | can be used to use SVG or PNG files |
 | prefix          | Select de icon library       | 'glyphicon'   | 'fa' for font-awesome or 'glyphicon' for bootstrap 3 |
 | markerColor     | Color of the marker          | 'blue'        | 'red', 'orange-dark', 'orange', 'yellow', 'blue-dark', 'cyan', 'purple', 'violet', 'pink', 'green-dark', 'green', 'green-light', 'black', 'white' |
 | shape           | Shape of the marker          | 'circle'      | 'circle', 'square', 'star', 'penta' |

src/assets/js/leaflet.extra-markers.js

@@ -22,6 +22,7 @@
             extraClasses: "",
             shape: "circle",
             icon: "",
+            innerHTML: "",
             markerColor: "red",
             iconColor: "#fff",
             number: ""
@@ -34,6 +35,9 @@
             if (options.icon) {
                 div.innerHTML = this._createInner();
             }
+            if (options.innerHTML) {
+                div.innerHTML = options.innerHTML;
+            }
             if (options.bgPos) {
                 div.style.backgroundPosition = -options.bgPos.x + "px " + -options.bgPos.y + "px";
             }