| Overview |
| This solution integrates the MapTron 1022 interactive map as a form element. The example allows the user to select one or more states prior to submitting the form. The above form is constructed with a hidden field form element to contain a comma delimited list of states the user selected. Clicking on a state adds the state code to the hidden field. Clicking on the same state again removes that state from the hidden field. Clicking on the Submit button sends the form data to the page handling the search request. |
| |
| Technical Details |
| The solution operates on the client side once the page and resources have downloaded from the server. There is no client (browser) to server interaction before the submit button is pressed. The page loads along with JavaScript data and functions used to control the display. Clicking on a state calls on a JavaScript function that adds or removes the selected state code from the hidden form field. The map is updated every time a state is clicked with XML sent from JavaScript. |
| |
| Download |
| This solution is available for download. The solution package contains all files required to build the interface. Extract all files from the zip compressed package into a new folder on your computer prior to working with the files. |
