add markerIconOptions

Author: jperelli

README.md

@@ -31,6 +31,9 @@ Parameters that can be used (can be passed to the app server as GET query params
 | oxipng | enable losslsess compression with [oxipng](https://github.com/shssoichiro/oxipng) | `false` |
 | arrows | render arrows to show the direction of linestrings | `false` |
 | scale | enable render a scale ruler (boolean or [a json options object](https://leafletjs.com/reference-1.6.0.html#control-scale-option)) | `false` |
+| markerIconOptions | set marker icon options ([a json options object](https://leafletjs.com/reference-1.6.0.html#icon-option)) *see note | `undefined` (leaflet's default marker) |
+
+* Note on markerIconOptions: it's also accepted a markerIconOptions attribute in the geojson feature, for example `{"type":"Point","coordinates":[-105.01621,39.57422],"markerIconOptions":{"iconUrl":"https://leafletjs.com/examples/custom-icons/leaf-red.png"}}`
 
 ## How to use
 

lib/lib.d.ts

@@ -1,4 +1,4 @@
-import { Control } from "leaflet";
+import { Control, IconOptions } from "leaflet";
 
 export = _default;
 
@@ -104,6 +104,12 @@ interface OsmStaticMapsOptions {
    * @defaultValue `false`
    */
   scale?: boolean | Control.ScaleOptions;
+
+  /**
+   * set marker icon options ([a json options object](https://leafletjs.com/reference-1.6.0.html#icon-option))
+   * @defaultValue `undefined`
+   */
+  markerIconOptions?: IconOptions;
 }
 
 /** Renders a map controlled by the options passed and returns an image */

lib/lib.js

@@ -41,6 +41,7 @@ module.exports = function(options) {
     options.oxipng = options.oxipng || false;
     options.arrows = options.arrows || false;
     options.scale = (options.scale && (typeof options.scale === 'string' ? options.scale : JSON.stringify(options.scale))) || false;
+    options.markerIconOptions = (options.markerIconOptions && (typeof options.markerIconOptions === 'string' ? options.markerIconOptions : JSON.stringify(options.markerIconOptions))) || false;
 
     const html = replacefiles(template(options));
 

lib/template.html

@@ -68,13 +68,20 @@
             {{/if}}
 
             {{#if geojson }}
-                var myIcon = L.icon({
-                    iconUrl: "data:image/png;base64,//markericonpng//",
-                    iconSize: [25, 41],
-                    iconAnchor: [15, 41]
-                });
+                {{#if markerIconOptions}}
+                    var myIcon = L.icon({{{markerIconOptions}}});
+                {{else}}
+                    var myIcon = L.icon({
+                        iconUrl: "data:image/png;base64,//markericonpng//",
+                        iconSize: [25, 41],
+                        iconAnchor: [15, 41]
+                    });
+                {{/if}}
                 var geojsonlayer = L.geoJson({{{ geojson }}}, {
                     pointToLayer: function (feature, latlng) {
+                        if (feature.markerIconOptions) {
+                            return L.marker(latlng, {icon: L.icon(feature.markerIconOptions)})
+                        }
                         return L.marker(latlng, {icon: myIcon});
                     },
                     onEachFeature: function (feature, layer) {