ProMaps

Map HTML

ProMaps.MapHTML History

Hide minor edits - Show changes to output

Added lines 1-20:
!!Overview
The main HTML code for the ProMaps pages is located in two fields on the "MapSettings" table; ''MapDataTemplate'' and ''RouteDataTemplate''

''MapDataTemplate'' contains the code for the Map and Constrain views, and the ''RouteDataTemplate'' field for the Route view.

!!Editing
'''Always save a copy of your file before making changes to the map HTML'''

If you'd like to do some more advanced editing of the code in your ProMaps solution, you can do so by adding these fields on to a layout based on the "MapSettings" table. It's probably best to just create a new layout for this.

Editing HTML can be a bit difficult directly in FileMaker fields, so we suggest copying the contents of the field, then pasting them into a document in a text editor made for HTML code (such as [[https://atom.io | Atom]]). Once you've made the changes, you can copy them into your clipboard, delete all the contents from the field in your ProMaps file, then paste the clipboard contents back into the field.

For the changes to take effect, you'll need to either close and re-open your solution or click the "Apply Settings to Map" button on the "ProMaps Setup" layout.

!!Inspecting the HTML in a browser
Since ProMaps exports the map page to a temporary directory to be viewed in the WebViewer, you can also view the exported pages in a browser to inspect the code and CSS styling.

To do this, just go to the map view you want to load in the browser, copy the link from either the "$$sc_MapURL" or "$$sc_MapRouteURL" variables in the data viewer, then navigate to that page in the browser.

You can then use the browser's developer tools to inspect the code.
(855) SEEDCODE
[email protected]
Follow us: