map_suite_projection
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
map_suite_projection [2015/12/01 08:31] tgwikiupdate [Overview] |
map_suite_projection [2015/12/04 00:54] (current) admin [Video Overview] |
||
|---|---|---|---|
| Line 2: | Line 2: | ||
| ===== Video Overview ===== | ===== Video Overview ===== | ||
| - | Coming soon | + | {{youtube>dAeNCJa-Y5A?large |Web API Projection Learning Sample}} |
| + | <div newline></div> | ||
| + | <div download_viewsource_buttons tryitonline> | ||
| + | {{filehistory:WebAPIEditionSample_Projection_CS_151202.zip|C# Project}} | ||
| + | [[source_code_webapieditionsample_projection.zip|View Source]] | ||
| + | [[http://samples.thinkgeo.com/WebApiEdition/SampleTemplates/Projection/leaflet/|Try It Online(Leaflet)]] | ||
| + | [[http://samples.thinkgeo.com/WebApiEdition/SampleTemplates/Projection/openlayers/|Try It Online(Openlayers)]] | ||
| + | </div> | ||
| ==== Overview ==== | ==== Overview ==== | ||
| - | This sample shows you Map Projection. It uses different projection (Meter, DecimalDegree), rotation projection and custom projection, you can get projection’s information and render your data under these projection. In this sample, we create client-side with the JavaScript mapping library, Leaflet or OpenLayers. | + | Map Projection is a method of representing a spherical body (such as the Earth) on a two-dimensional surface (such as a computer screen). There are many different projections available, each of which represents the spherical curves of Earth in different ways. Because every projection distorts the data in some areas to a certain degree, choosing the right projection for the maps you want to view is important. For example, if you will be creating maps of a very specific local region of the United States, you might want to use a State Plane projection which focuses on that region. This will minimize distortion of the region you're working in at the expense of distorting other areas of the world. Because you will not need to display those other areas of the world, the distortion there is acceptable. For more information about the concept of projecting map data, we recommend [[http://en.wikipedia.org/wiki/Map_projection|this Wikipedia article]]. |
| + | |||
| + | Map Suite support multiple projections and this sample shows some of the more commonly used projections. | ||
| - | ==== Meter Projection==== | + | ==== Web Mercator Projection==== |
| <div captionwithborder floatright> | <div captionwithborder floatright> | ||
| {{webapiedition:meterprojection_desktop.png?300}} | {{webapiedition:meterprojection_desktop.png?300}} | ||
| Line 16: | Line 25: | ||
| </div> | </div> | ||
| - | In this sample, the map uses EPSG3857. There are two layers, one is ThinkGeo WorldMapKit as basemap created by client-side, the other one is all the countries layer created by the server-side. | + | In this sample the map uses Web Mercator Projection (EPSG3857). There are two layers, ThinkGeo's [[map_suite_world_map_kit_online|WorldMapKit.]] as basemap rendered client-side and a countries layer rendered server-side. |
| <div newline></div> | <div newline></div> | ||
| <div newline></div> | <div newline></div> | ||
| - | ==== DecimalDegree Projection ==== | + | ==== Decimal Degrees Projection ==== |
| <div captionwithborder floatright> | <div captionwithborder floatright> | ||
| {{webapiedition:decimaldegreeprojection_desktop.png?300}} | {{webapiedition:decimaldegreeprojection_desktop.png?300}} | ||
| Line 27: | Line 36: | ||
| </div> | </div> | ||
| - | In this sample, the map uses EPSG4326. There are two layers, one is ThinkGeo WorldMapKit as base map created by client-side, the other one is all the countries layer created by the server-side. | + | This sample uses Decimal Degrees (EPSG4326) for its projection. There are two layers, ThinkGeo's [[map_suite_world_map_kit_online|WorldMapKit.]] as basemap rendered client-side and a countries layer rendered server-side. |
| Line 39: | Line 48: | ||
| </div> | </div> | ||
| - | In this sample, the map uses EPSG3857. We render all the countries, US highway and Major cities with the custom overlay that’s coming from the server-side. On the server-side we use rotation projection with given angle and pivot center. We can change the angle by the button on the upper right corner, and when we move the map, the pivot center will automatically change. | + | This sample uses Web Mercator (EPSG3857) and we render all the countries, US highways and major cities with the custom overlay from the server-side. On the server-side we use rotation projection with given angle and pivot center. You can change the angle via the button on the upper right corner and when moving the map the pivot center will automatically change. |
| <div newline></div> | <div newline></div> | ||
| <div newline></div> | <div newline></div> | ||
| - | ==== Rotation Projection ==== | + | ==== Custom Projection ==== |
| <div captionwithborder floatright> | <div captionwithborder floatright> | ||
| {{webapiedition:customprojection_desktop.png?300}} | {{webapiedition:customprojection_desktop.png?300}} | ||
| Line 52: | Line 61: | ||
| - | In this sample,The map uses EPSG2163, we are overlaying all the countries with the custom overlay that’s coming from the server-side. | + | This sample uses US National Atlas Equal Area (EPSG2163) and overlay all the countries with the custom projection rendering server-side. |
map_suite_projection.1448958665.txt.gz · Last modified: 2015/12/01 08:31 by tgwikiupdate