ThinkGeo Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== ThinkGeo StyleJSON Schema ======


<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 =====

==== History Versions ====

[[Version 1.0.0|Version 1.0.0]]


==== Version 2.0.0 ====
User Tools

Site Tools

Page Tools
