This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
version_1.0.0 [2020/01/21 03:04] johnnyz created |
version_1.0.0 [2020/01/21 03:13] johnnyz [NPM] |
||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ====== ThinkGeo StyleJSON Schema v1.0 ====== | ||
+ | |||
+ | |||
+ | <div msgbox> | ||
+ | The ThinkGeo StyleJSON Schema illustrated "GettingStarted" Guide will guide you through the process of studying what is ThinkGeo StylJSON Schema, and how to use it in your desktop, web, or mobile mapping applications. </div> | ||
+ | |||
+ | <markdown> | ||
+ | StyleJSON is a describable [cartographic](https://en.wikipedia.org/wiki/Cartography) styling language in the [JSON](http://www.json.org/) format, which is similar to working with a Cascading Style Sheet for styling webpages. It defines the visual appearance of a map - what data should be drawn, the drawing sequence, and how to style the data when drawing it. Taking advantage of StyleJSON will allow you to add a great-looking map to your project in minutes, a browser, a phone, a tablet, or even a watch. | ||
+ | </markdown> | ||
+ | |||
+ | ===== Install World Streets Styles ===== | ||
+ | |||
+ | Below are professionally-designed map themes for your application or project, which can be downloaded and use it in your application for free. | ||
+ | |||
+ | ==== CDN ==== | ||
+ | |||
+ | Load from CDN in your project: | ||
+ | |||
+ | <code JavaScript> | ||
+ | |||
+ | <--Light Style--> | ||
+ | <script src="https://cdn.thinkgeo.com/worldstreets-styles/1.0.0/light.json"></script> | ||
+ | |||
+ | <--Dark Style--> | ||
+ | <script src="https://cdn.thinkgeo.com/worldstreets-styles/1.0.0/dark.json"></script> | ||
+ | |||
+ | <--Transparent Background Style--> | ||
+ | <script src="https://cdn.thinkgeo.com/worldstreets-styles/1.0.0/transparent-background.json"></script> | ||
+ | |||
+ | <--Cobalt Style--> | ||
+ | <script src="https://cdn.thinkgeo.com/worldstreets-styles/1.0.0/cobalt.json"></script> | ||
+ | |||
+ | <--Grayscale Style--> | ||
+ | <script src="https://cdn.thinkgeo.com/worldstreets-styles/1.0.0/grayscale.json"></script> | ||
+ | |||
+ | <--Muted Blue Style--> | ||
+ | <script src="https://cdn.thinkgeo.com/worldstreets-styles/1.0.0/mutedblue.json"></script> | ||
+ | |||
+ | <--Sepia Style--> | ||
+ | <script src="https://cdn.thinkgeo.com/worldstreets-styles/1.0.0/oldancient.json"></script> | ||
+ | |||
+ | </code> | ||
+ | |||
+ | ==== NPM ==== | ||
+ | |||
+ | * Install the package: | ||
+ | |||
+ | <code JavaScript> | ||
+ | npm i worldstreets-styles | ||
+ | </code> | ||
+ | |||
+ | ===== StyleJSON Schema ===== | ||
+ | |||
+ | |||
+ | |||
==== Syntax ==== | ==== Syntax ==== | ||