thinkgeo_cloud_javascript_sdk
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
thinkgeo_cloud_javascript_sdk [2019/02/07 22:20] benbai [API Documentation] |
thinkgeo_cloud_javascript_sdk [2019/07/17 05:28] (current) kevinwan |
||
|---|---|---|---|
| Line 2: | Line 2: | ||
| ThinkGeo Cloud .JavaScript SDK helps developers use the ThinkGeo Cloud APIs in their webpage. You can use ThinkGeo Cloud API through standard RESTful API calls from any platforms any language and don't have to use this SDK at all. It's just to make your job a bit easier when working with ThinkGeo Cloud on a webpage. | ThinkGeo Cloud .JavaScript SDK helps developers use the ThinkGeo Cloud APIs in their webpage. You can use ThinkGeo Cloud API through standard RESTful API calls from any platforms any language and don't have to use this SDK at all. It's just to make your job a bit easier when working with ThinkGeo Cloud on a webpage. | ||
| - | Check out this [[ThinkGeo Cloud JavaScript SDK Quick Start Guide|Quick Start Guide]] to get started. | + | Check out [[ThinkGeo Cloud JavaScript SDK Quick Start Guide|Quick Start Guide]] to get started. |
| ===== API Documentation ===== | ===== API Documentation ===== | ||
| ThinkGeo Cloud JavaScript SDK wraps all the [[https://cloud.thinkgeo.com/help/|ThinkGeo Cloud RESTful APIs]] and make it simpler to use from a web page. | ThinkGeo Cloud JavaScript SDK wraps all the [[https://cloud.thinkgeo.com/help/|ThinkGeo Cloud RESTful APIs]] and make it simpler to use from a web page. | ||
| - | * [[thinkgeo_cloud_javascript_sdk_api|ThinkGeoCloudClient-js]]<div>The ThinkGeoCloudClient-js API documentation covers the tg namespace which resides in the ThinkGeoCloudCient.js. It contains all of the ThinkGeo Cloud Client specific classes such as Elevation, ReverseGeocoding, and Geocoding. | + | * [[thinkgeo_cloud_javascript_client_apis|ThinkGeoCloudClient-js]]<div>The ThinkGeoCloudClient-js API documentation covers the **tg** namespace which resides in the ThinkGeoCloudCient.js. It contains all of the ThinkGeo Cloud Client specific classes such as Elevation, ReverseGeocoding, Geocoding and more. |
| </div> | </div> | ||
| ===== ThinkGeo Cloud Client Samples ===== | ===== ThinkGeo Cloud Client Samples ===== | ||
| - | **NOTE:** | + | We have provided several online samples along with the source code to help you learn the different capabilities of ThinkGeo Cloud Client. For each sample, you can not only view the source but can also open in CodePen to change and run by yourself. |
| - | We have provided several sample page with source code to help you learn the different capabilities of ThinkGeo Cloud Client. Each code sample includes an html, complete javascript code online to review and the ability to open the sample in CodePen and run it yourself. | + | |
| - | </div> | + | |
| - | + | ||
| - | === VectorTile Sample === | + | |
| + | === Vector Tile Sample === | ||
| Here is a sample shows how to consume ThinkGeo Cloud vector tiles using pre-defined Map Styles. | Here is a sample shows how to consume ThinkGeo Cloud vector tiles using pre-defined Map Styles. | ||
| - | Also [[http://cloudclientsamples.thinkgeo.com/#VectorMaps|one is online]] . [[https://codepen.io/thinkgeo/pen/BGXGrb|Open in CodePen]] | + | [[https://samples.thinkgeo.com/cloud/#VectorMaps|{{thinkgeocloudclient:vectortile.gif?nolink}}]] |
| - | {{thinkgeocloudclient:vectortile.gif|ThinkGeo Cloud Vector Tiles}} | ||
| - | === ThinkGeo Cloud JavaScript SDK Raster Sample === | + | === Raster Tile Sample === |
| + | Here is a sample shows how to consume ThinkGeo Cloud raster tiles via XYZ Map Service. | ||
| + | [[https://samples.thinkgeo.com/cloud/#RasterMaps|{{thinkgeocloudclient:raster.gif?nolink}}]] | ||
| - | Here is a sample shows how to consume ThinkGeo Cloud raster tiles via XYZ Map Service. | ||
| - | Also [[http://cloudclientsamples.thinkgeo.com/#RasterMaps|one is online]] . [[https://codepen.io/thinkgeo/pen/vQoQMQ|Open in CodePen]] | + | === Elevation Sample === |
| + | Here is a sample shows how to launch an Elevation query with ThinkGeoCloudClient.js, and display the response. | ||
| - | {{thinkgeocloudclient:raster.gif|ThinkGeo Raster Tiles}} | + | [[https://samples.thinkgeo.com/cloud/#GetElevationAlongPath|{{thinkgeocloudclient:elevation.gif?nolink}}]] |
| + | === Geocoding Sample === | ||
| + | Here is a sample shows how to launch a Geocoding query with ThinkGeoCloudClient.js, and display the response. | ||
| - | === ThinkGeo Cloud JavaScript SDK Elevation Sample === | + | [[https://samples.thinkgeo.com/cloud/#FindanAddressintheUS|{{thinkgeocloudclient:geocoding.gif?nolink}}]] |
| - | Here is a sample shows how to launch an Elevation query with ThinkGeoCloudClient.js, and display the response. | ||
| - | Also [[http://cloudclientsamples.thinkgeo.com/#Elevation|one is online]] . [[https://codepen.io/thinkgeo/pen/mabbKm|Open in CodePen]] | + | === Reverse Geocoding Sample === |
| + | Here is a sample shows how to launch a ReverseGeocoding query with ThinkGeoCloudClient.js after clicking on the map, and display the response. | ||
| - | {{thinkgeocloudclient:elevation.gif|Get Elevation by Line}} | + | [[https://samples.thinkgeo.com/cloud/#FindNearbyPlaces|{{thinkgeocloudclient:reversegeocoding.gif?nolink}}]] |
| - | === ThinkGeo Cloud JavaScript SDK Geocoding Sample === | ||
| - | Here is a sample shows how to launch a Geocoding query with ThinkGeoCloudClient.js, and display the response. | + | === Color Sample === |
| + | Here is a sample shows how to launch a Color query with ThinkGeoCloudClient.js, and display the response. | ||
| - | Also [[http://cloudclientsamples.thinkgeo.com/#Geocoding|one is online]] . [[https://codepen.io/thinkgeo/pen/jXwdKq|Open in CodePen]] | + | [[https://samples.thinkgeo.com/cloud/#GenerateColorThemes|{{thinkgeocloudclient:colors.gif?nolink}}]] |
| - | {{geocoder:screenshot:geocoding.gif|Geocoding "Dallas"}} | ||
| - | === ThinkGeo Cloud JavaScript SDK Reverse Geocoding Sample === | + | === Routing Sample === |
| + | Here is a sample shows how to launch a Routing query with ThinkGeoCloudClient.js, and display the response. | ||
| - | Here is a sample shows how to launch a ReverseGeocoding query with ThinkGeoCloudClient.js after clicking on map, and display the response. | + | [[https://samples.thinkgeo.com/cloud/#RoutinginNorthAmerica|{{thinkgeocloudclient:routing.gif?nolink}}]] |
| - | [[http://cloudclientsamples.thinkgeo.com/#Reverse-Geocoding|one is online.]]. [[https://codepen.io/thinkgeo/pen/gZYOae|Open in CodePen]] | ||
| + | === Get Service Area Sample === | ||
| + | Here is a sample shows how to launch a Get Service Area query with ThinkGeoCloudClient.js, and display the response. | ||
| - | {{thinkgeocloudclient:reversegeocoding.gif|Reverse Geocoding in Frisco}} | + | [[https://samples.thinkgeo.com/cloud/#GetServiceArea|{{thinkgeocloudclient:getservicearea.gif?nolink}}]] |
| - | === ThinkGeo Cloud JavaScript SDK Color Sample === | + | === Maps Query Sample === |
| + | Here is a sample shows how to launch a maps query with ThinkGeoCloudClient.js, and display the response. | ||
| - | Here is a sample shows how to launch a Color query with ThinkGeoCloudClient.js, and display the response. | + | [[https://samples.thinkgeo.com/cloud/#MapsQuery|{{thinkgeocloudclient:mapsquery.gif?nolink}}]] |
| - | Also [[http://cloudclientsamples.thinkgeo.com/#Colors|one is online]] . [[https://codepen.io/thinkgeo/pen/ZVzEgL|Open in CodePen]] | ||
| - | {{thinkgeocloudclient:colors.gif|Get a family of colors}} | ||
thinkgeo_cloud_javascript_sdk.1549578055.txt.gz · Last modified: 2019/02/07 22:20 by benbai