Geo Mapper

The Geo Mapper Web Part allows displaying the geographical location of a given address, by translating the address into Longitude/Latitude with a Service and save the Data into your List. KPI Indicator and Freely defined Marker-Popup’s, based on HTML and List Field Values.

Translate Address to Geolocation and display markers on the map with details!


WebPart Properties
Property NameDescription
Title Define a modern page WebPart title
Link Title to connected list Set a link to the Title value
Latitude Enter a valid value. You could find the proper value, by clicking on the map (if Option “Show onClick Helper” is enabled)
Longitude Enter a valid value. You could find the proper value, by clicking on the map (if Option “Show onClick Helper” is enabled)
Zoomlevel Choose the default Zoomlevel
Head Define a Header Text or a Template with HTML
Height Define the Map size height in Pixels or in Percent
Width Define the Map size within Pixels or in Percent
Show onClick Helper Enable a helper Popup with the geographical coordinates.
ListName Use the defined List to display Markers on the Map. (FieldNames: Latitude (number), Longitude (number), Title, Address)
Site URL Use a full URL to navigate to the proper SiteCollection, if needed
Filter fields Create filter boxes as normal textbox or dropdowns.
in Example: @title;address;
@ will create a dropdown with all its available values
without the @, it will create a normal input box.
%|title will create a div like a button with a Dialog function to the linked List.
Rename a filter field title by entering a pipe character. (i.E: field|title;)
Use List Data enable/disable
Fit Screen on all Markers enable/disable
FieldTemplate HTML/CSS can be used. to grab Data from your ListItem, use Curly Brackets. I.E: Object: {Title}
Address: {Address}
Enable ViewField Column “View” If you like to build your own View, please add a Column named “View” to your List.
Filtering by Value If you have enabled the above setting and your List is including a field named “View” (Single line of Text), you could filter by its Value. (I.E: If you have 100 Items in that particular list and only want to show a specific set of this items, use the ListField “View” and set the same name to each Item you like to show as a View).
Address List Field Specify the Address field name, to get it displayed with the next checkbox option, or let it translate into geographical Data and save them into your List.
Also a template is available now (V to create your Address with available list fields: “@{Street}, {PC} {City}”
Show GeoCode on Map enable/disable (automatically disabled on refresh)
Update List with GeoCode Needs a couple things to work: 1) Your List has to be present. 2)Your Address List Field have to be correct. 3) “Show GeoCode on Map” have to be enabled. 4) Your List should have both Fields set up as numbers “Latitude” and “Longitude”.
KPI List Field Specify the KPI List Field, which contains the Data from 0 to 100 (%).
Options externalcss=url| will load an external CSS file like Font Awesome.

Set Custom Pins on KPI Values in example: whiteiconurl=|

replace ture / false list values with a string in example:

If you have the “Geolocation” field and fieldtyp added, you could automatically fill it up by the geocoder (Latitude and Longitude) field.
Show a Pin legend within the Filter field section Filter fields property: add string: |leg;
Modify the KPI Colors property: Color|Value|LegendTitleValue;

Source Map CopyRight:
License Key Please enter your Paypal "Profile ID" or "Automatic payment ID" to unlock your WebPart. (Format: I-1A11SSBB2241)

Get a license

  • a PayPal payment / Credit cards
  • a conservative invoice for a defined time period

  • OnPremise


    License duration

    *AppCatalog URL
    Request an Offer

    Post a comment