map_suite_webapi_getting_started
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
map_suite_webapi_getting_started [2015/09/18 07:43] admin [Map_Suite_WebAPI_Getting_Started] |
map_suite_webapi_getting_started [2015/12/03 09:23] (current) tgwikiupdate [Video Overview] |
||
|---|---|---|---|
| Line 2: | Line 2: | ||
| ===== Video Overview ===== | ===== Video Overview ===== | ||
| - | {{#ev:youtubehd|0ykmSY6ChHk|||Web API Getting Started Sample}} | + | {{youtube>0ykmSY6ChHk?large |Web API Getting Started Sample}} |
| + | <div newline></div> | ||
| + | <div download_viewsource_buttons tryitonline> | ||
| + | {{filehistory:WebAPIEditionSample_GettingStarted_CS_20150417.zip|C# Project}} | ||
| + | [[Source_Code_WebAPIEditionSample_GettingStarted.zip|View Source]] | ||
| + | [[http://samples.thinkgeo.com/WebApiEdition/SampleTemplates/GetStartedWithMap/leaflet/|Try It Online(Leaflet)]] | ||
| + | [[http://samples.thinkgeo.com/WebApiEdition/SampleTemplates/GetStartedWithMap/openlayers/|Try It Online(Openlayers)]] | ||
| + | |||
| + | </div> | ||
| ===== Introduction ===== | ===== Introduction ===== | ||
| The Map Suite WebAPI is a server-side mapping component for creating your own customizable web mapping application. It allows you to render your map tiles, query and manage data on the server side, and perform a variety of geometric function calculations (such as calculating the area of a user-drawn rectangle on the map). | The Map Suite WebAPI is a server-side mapping component for creating your own customizable web mapping application. It allows you to render your map tiles, query and manage data on the server side, and perform a variety of geometric function calculations (such as calculating the area of a user-drawn rectangle on the map). | ||
| Line 21: | Line 29: | ||
| ===Set the Initial Extent of the Basemap=== | ===Set the Initial Extent of the Basemap=== | ||
| - | You may want to set the map’s initial extent. This is the geographical area that displays when a user first opens the application. You can easily do this by programmatically setting a bounding box around the area in one of three ways: <br /> | + | You may want to set the map’s initial extent. This is the geographical area that displays when a user first opens the application. You can easily do this by programmatically setting a bounding box around the area in one of three ways: |
| - | - Code in the geographic coordinates (latitude and longitude) of the upper left point and lower right point delineating the area you want to use.<br /> | + | \\ |
| - | - Automatically pull coordinates from the location information the user’s device or browser provides.<br /> | + | 1. Code in the geographic coordinates (latitude and longitude) of the upper left point and lower right point delineating the area you want to use. |
| - | - Use the extent of an existing feature or set of features. <br /> | + | \\ |
| + | 2. Automatically pull coordinates from the location information the user’s device or browser provides. | ||
| + | \\ | ||
| + | 3. Use the extent of an existing feature or set of features. | ||
| + | \\ | ||
| If you prefer, you can also build your own basemap with the WebAPI Edition. | If you prefer, you can also build your own basemap with the WebAPI Edition. | ||
| Line 33: | Line 45: | ||
| WebAPI Edition comes with 20 preset zoom levels, which can be customized to correspond with your own desired scales. | WebAPI Edition comes with 20 preset zoom levels, which can be customized to correspond with your own desired scales. | ||
| - | {{wiki:NY-large-small.png|Maps of Central Park (larger-scale) and New York City (smaller-scale). Note the scale, zoom level, latitude and longitude. These appear in the lower left corner of the screen.}} | + | {{webapiedition:NY-large-small.png|Maps of Central Park (larger-scale) and New York City (smaller-scale). Note the scale, zoom level, latitude and longitude. These appear in the lower left corner of the screen.}} |
| ====Understanding Coordinates==== | ====Understanding Coordinates==== | ||
| Line 45: | Line 57: | ||
| ====Interacting with the Map==== | ====Interacting with the Map==== | ||
| - | Standard map functionality is automatically included. Users can use the pan tool to drag the screen to another geographical extent. They can also zoom into a larger scale to see a smaller area in greater detail, or zoom in out to view a larger area in less detail. Menu buttons allow the user to switch back to the previous extent.<br /><br /> | + | Standard map functionality is automatically included. Users can use the pan tool to drag the screen to another geographical extent. They can also zoom into a larger scale to see a smaller area in greater detail, or zoom in out to view a larger area in less detail. Menu buttons allow the user to switch back to the previous extent. |
| + | \\ \\ | ||
| Users can work with this interactive map through various tools and features. Some features are enabled through click events. You can set up a variety of click events to add functionality to your map. For example, a right-click menu might include options to display the latitude and longitude coordinates of the chosen point, or to center the map at that point. Click events can also generate popups with other information or custom messages. With full control over the client-side JavaScript, you're even free to create your own click events to perform virtually any task on the server side. | Users can work with this interactive map through various tools and features. Some features are enabled through click events. You can set up a variety of click events to add functionality to your map. For example, a right-click menu might include options to display the latitude and longitude coordinates of the chosen point, or to center the map at that point. Click events can also generate popups with other information or custom messages. With full control over the client-side JavaScript, you're even free to create your own click events to perform virtually any task on the server side. | ||
| - | <BR /> | + | \\ |
| - | {{wiki:right-click-events.png|A few basic right-click events.}} | + | {{webapiedition:right-click-events.png|A few basic right-click events.}} |
| ====Ready to get started?==== | ====Ready to get started?==== | ||
map_suite_webapi_getting_started.1442562221.txt.gz · Last modified: 2015/09/18 07:43 by admin