This is a very simple map as a demo for using CanvasMap. Note that the map moves with the content on the page. The size and style of the map can be changed in the CanvasMap.css file.
Select the arrow tool and then click on any of the countries. You'll see that most countries respond with their name while the US responds with a additional text and an animated flag. This information comes from the "HTML" attribute in the GeoJSON file. Try pasting different HTML code into the attributes to customize the contents of the information windows.
This web page does require a web server to get the GeoJSON data. Try this with different types of GeoJSON including points and polylines.
The HTML code for the United States info window was written in this page and then, after it worked correctly, was pasted into the HTML attribute for the "Untied States" feature in the attribute table for the countries layer. Then, the layer was save to a GeoJSON file.
This is a fun demonstraction of adding HTML to an information window. The flag below is a "gif" animation from www.usflag.org.
