Merge pull request #13 from mendix/chore/readme-custom-markers

Add guide for custom markers

README.md

@@ -77,6 +77,19 @@ Mendix 7.18.0
 - Add an **XPath Constraint** `Optional`
 
 ### Custom Markers
+
+---
+**NOTE**
+
+For best results (see image), your custom marker must be  
+
+- PNG
+- **32px** width **32px** height 
+- The bottom pin must be on the center of the image 
+
+![customMarker](/assets/customMarkerExample.jpg)
+---
+
 -  It is used to configure how the marker icon should be look.
 - Under **locations** option on the **Map properties** tab, select the **Markers** tab 
 - For the **Default** option, the widget bundled marker will be displayed

package.json

@@ -1,7 +1,7 @@
 {
   "name": "maps",
   "widgetName": "Maps",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Show locations on Google Maps",
   "copyright": "Mendix BV",
   "scripts": {

src/components/LeafletMap.ts

@@ -222,8 +222,7 @@ export class LeafletMap extends Component<LeafletMapProps, LeafletMapState> {
         if (url) {
             marker.setIcon(icon({
                 iconUrl: url,
-                iconSize: [ 38, 95 ],
-                iconAnchor: [ 22, 94 ],
+                iconSize: [ 32 , 32 ],
                 className: "marker"
             }));
         }

src/package.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="Maps" version="1.0.4" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="Maps" version="1.0.5" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="Maps.xml"/>
         </widgetFiles>