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.
====== Map Suite Adornments ======

===== Video Overview =====
{{youtube>LhTeEDfR1xg?large |Web API Adornments Learning Sample}}
<div newline></div>
<div download_viewsource_buttons tryitonline>
{{filehistory:webapieditionsample_adornments_cs_20160106.zip|C# Project}}
[[source_code_webapieditionsample_adornments.zip|View Source]]
[[http://samples.thinkgeo.com/WebApiEdition/SampleTemplates/Adornments/leaflet/|Try It Online(Leaflet)]]
[[http://samples.thinkgeo.com/WebApiEdition/SampleTemplates/Adornments/openlayers/|Try It Online(Openlayers)]]
</div>

=====Overview=====
Map Suite WebAPI Edition supports many popular adornments. In this learning sample we will go over some of the most common supported adornment and learn two different drawing styles. 

=====Types of Adornments=====

There are seven types of adornment that are supported by Map Suite Core: Scale Bar Adornment, Scale Line Adornment, Scale Text Adornment,Logo Adornment, Graticule Adornment,Magnetic Declination Adornment, and Legend Adornment.

In this learning sample we will go over some of the most popular types of of adornments:

====Scale Bar Adornment====
Display scale bars on the map.It show the scale ratio and unit.
<div captionwithborder floatright>
{{webapiedition:scalebaradornment.png?300|Border}}
</div>
\\
<div newline></div>
<div newline></div>



====Scale Line Adornment====
Display scale line on the map.It show the scale ratio  and unit.
<div captionwithborder floatright>
{{webapiedition:scalelineadornment.png?300|Border}}
</div>
<div newline></div>
<div newline></div>

====Scale Text Adornment====
Display scale text on the map.It show the scale ratio  and unit.
<div captionwithborder floatright>
{{webapiedition:scaletextadornment.png?300|Border}}
</div>
<div newline></div>
<div newline></div>
  
====Logo Adornment====
The adornment should work for various kinds of logos and allow you to change the position using the AdornmentLayer's properties.
<div captionwithborder floatright>
{{webapiedition:logoadornment.png?300|Border}}
</div>
<div newline></div>
<div newline></div>
  
====Graticule Adornment====
Graticule adornment can show meridians and parallels at various intervals based on the zoom level.
<div captionwithborder floatright>
{{webapiedition:graticuleadornment.png?300|Border}}
</div>
<div newline></div>
<div newline></div>
  
====Magnetic Declination Adornment====
The adornment is used for showing the angle on the horizontal plane between magnetic north (the direction in which the north end of a compass needle, corresponding to the direction of the Earth's magnetic field lines) and true north (the direction along a meridian towards the geographic North Pole).
<div captionwithborder floatright>
{{webapiedition:magneticdeclinationadornment.png?300|Border}}
</div>
<div newline></div>
<div newline></div>
  
====Legend Adornment====
Legend adornment can show a variety of custom information. 
//
<div captionwithborder floatright>
{{webapiedition:legendadornment.png?300|Border}}
</div>
<div newline></div>
<div newline></div>

<div newline></div>

=====A Look at the Code=====

There are two projects in the Visual Studio solution. One is for the Leaflet javascript mapping library and one is for OpenLayers. In each project the AdornmentsController contains the function that loads each adornment type. The functions show how to build a adornment layer.The RefreshAdornmentLayer function and RefreshSchoolPoiLayer function will show two different drawing styles.
User Tools

Site Tools

Page Tools
