Tutorials
1. Map Layouts and Elements
This tutorial will show you examples of maps that "flow" with content and "resizeable" maps and the full, default, interface for CanvasMap. The following tutorials will show you how to customize every aspect of the map.
2. Styling The Data In A Map
Here you will modify an existing map with you data and change the style of how it is displayed.
3. Structure of a CanvasMap Web Page
Here you will modify an existing map with you data and change the style of how it is displayed.
4. Adding Vector Data
How to add vector data from shapefiles and other formats as layers to a CanvasMap.
5. Customizing the look of the map (needs some work)
How to change the appearance of the may by turning elements on and off, stylizing them with CSS, and changing the contents of the map elements.
6. Setting the Viewing Location and Allowable Zoom Range and Extent of the Map.
How to have your map start with viewing the area you desire and then limit how far the user can zoom in and out and how far they can pan the map.
7. Projected Systems and OpenStreetMap Tiles
Projecting data to GoogleMercator and adding "slippy" tile layers for great backgrounds.
8. Setting Layer Properties
Setting overall layer properties.
9. Making a Resizable Map
How to make a map that resizes with the browser and add other elements to size along with it.
10. Overriding Onload to Set Layer Properties
. Overriding a layer's OnLoad function call to set the properties for individual features within a layer.
11. Adding Raster Data
How to have your map start with viewing the area you desire and then limit how far the user can zoom in and out and how far they can pan the map.
12. Adding points from the client
This example shows how to add point data from JavaScript with images as icons for the points.
13. A layer that interacts with other web page elements (Overriding MouseDown, MouseOver)
This tutorial will show you how to create a new layer class and override the mouse events so you can interact with other elements on a web page such as a chart or graph to show data from different regions on the earth.
14. Creating Raster Pyramid Layers
Shows you how to add optimized raster pyramid layers from BlueSpray to a CanvasMap.
15. Creating Vector Pyramid Layers
Covers how to create cutting edge vector pyramid layers in BlueSpray to include in your maps.
19. Animation
Create and control simple animations with CanvasMap.
To be added to tutorials:
- STView.Tools
- Making things unclickable
Special Topics
1. Project to Web Mercator On Load
Shows how to load geographic data into CanvasMap and then project it to WebMercator for display.
2. Customizing the map
Different ways you can change the appearence of the map.
3. How the code works
- an overview of how CanvasMap works
4. Custom Layers
- how to create your own layers
5. Setting up a Web Server
Setting up a server on your own computer for development.