map_suite_vectormap_js_quick_start_guide
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
map_suite_vectormap_js_quick_start_guide [2019/02/14 03:19] johnnyz [How to use] |
map_suite_vectormap_js_quick_start_guide [2019/02/18 10:50] (current) johnnyz [Download the sample] |
||
|---|---|---|---|
| Line 8: | Line 8: | ||
| ===== Download the sample ===== | ===== Download the sample ===== | ||
| - | [[https://github.com/ThinkGeo/VectorMap-js/blob/develop/example/Hello%20World.html|Sample Code From GitHub]] | + | [[https://github.com/ThinkGeo/VectorMap-js/blob/develop/Hello%20World.html|Sample Code From GitHub]] |
| Line 53: | Line 53: | ||
| </code> | </code> | ||
| - | Development Version | ||
| - | <code JavaScript> | + | * Use it in HTML page: |
| - | npm i vectormap-js-dev | + | |
| - | </code> | + | |
| - | + | ||
| - | + | ||
| - | * Install the package: | + | |
| <code JavaScript> | <code JavaScript> | ||
| Line 119: | Line 113: | ||
| **NOTE:** | **NOTE:** | ||
| - | * **ThinkGeo Cloud Service key** | + | * **ThinkGeo Cloud Service key**<div>Access to ThinkGeo Cloud services, including Vector Tile data, requires an `API Key` that connects API requests to your account, Please check [[thinkgeo_cloud_quick_start_guide|here]] on how to create your own `ThinkGeo Cloud Service key` **FOR FREE**.</div> |
| - | Access to ThinkGeo Cloud services, including Vector Tile data, requires an `API Key` that connects API requests to your account, Please check [[thinkgeo_cloud_quick_start_guide|here]] on how to create your own `ThinkGeo Cloud Service key` **FOR FREE**. | + | |
| - | * **World Streets Styles** | + | * **World Streets Styles**<div>`StyleJSON` is a syntax of map styling language, similar to CSS. It's define the styles of your vector data. `Map Suite World Streets Styles` is professionally designed map styles from ThinkGeo experts, you can use it in your application without any changes, if you are consuming the Vector Tile data from ThinkGeo Cloud Service.</div> |
| - | `StyleJSON` is a syntax of map styling language, similar to CSS. It's define the styles of your vector data. `Map Suite World Streets Styles` is professionally designed map styles from ThinkGeo experts, you can use it in your application without any changes, if you are consuming the Vector Tile data from ThinkGeo Cloud Service. | + | |
| **Step 5 (Option).** If `Map Suite World Streets Styles` is referenced in your demo, please load [[https://github.com/ThinkGeo/VectorMap-icons|ThinkGeo Map Icons]] as an requirement, as all icons are drawn with. | **Step 5 (Option).** If `Map Suite World Streets Styles` is referenced in your demo, please load [[https://github.com/ThinkGeo/VectorMap-icons|ThinkGeo Map Icons]] as an requirement, as all icons are drawn with. | ||
| Line 189: | Line 181: | ||
| - | + | [[https://github.com/ThinkGeo/VectorMap-js|{{https://thinkgeo.gitbooks.io/map-suite-vector-map-js/content/assets/GettingStartedMap.jpg|?nolink&500*300}}]] | |
| - | [[https://thinkgeo.gitbooks.io/map-suite-vector-map-js/content/assets/GettingStartedMap.jpg|Getting Started Map]] | + | |
map_suite_vectormap_js_quick_start_guide.1550114382.txt.gz · Last modified: 2019/02/14 03:19 by johnnyz