Wednesday, February 27, 2013


mcMapper (Michael Cornetto mapper) is a client side GIS application I created to allow a user to mash-up maps from disparate sources.  It’s still in it’s early stages but it’s a great example of what can be done with Ext JS and OpenLayers.

I went for a very stark interface.  To pan around the map, click the map and drag.  To zoom in and out of the map, use the mouse wheel.   In the illustration below, I’m zoomed in around Mesquite, Texas.


You can change the background map by clicking an unselected radio button in the Base category of the Layers sidebar.

As a note, the sidebar is split from the map and may be resized  by adjusting the splitter bar or collapsed by clicking on the arrow mid-way down the splitter bar.

If you want to add additional layers to the drawing, check the checkbox for that layer.  In the example below I am adding Mesquite Texas Parks.   This data is served directly from the Mesquite Texas web site,

Features from any vector layer added may be selected.  Click the map over a park.  A menu will be presented containing the names of the parks near the mouse cursor.  In the Mesquite Texas Park layer, these names are actually numbers.

Select the park of interest and the supplied attributes for that park will be displayed.  In the example below, I’ve selected park # 49.

The properties dialogue is pinned to the position.  Move the map around and the dialogue moves with it.  Either click the close button on the top right or select another feature to close the properties dialogue. 

When you leave the site and then return, the map you’ve created will be remembered. 

That’s it for now.  In the future additional functionality, such as drawing and adding and removing layers, will be added.

No comments:

Post a Comment