# Wijmo_Angular2_Chart_Map.Wjgeogridlayer

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								WjGeoGridLayer Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Angular 2 component for the {@link wijmo.chart.map.GeoGridLayer} class.</p>
								</div>
								<p>The <b>wj-geo-grid-layer</b> component must be
								contained in a <a href="wijmo_angular2_chart_map.wjflexmap.html">wijmo.angular2.chart.map.WjFlexMap</a> component.</p>
								<p>Use the <b>wj-geo-grid-layer</b> component to add <b>GeoGridLayer</b> controls to your
									Angular 2 applications. For details about Angular 2 markup syntax, see
								<a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.</p>
								<p>The <b>WjGeoGridLayer</b> component is derived from the <b>GeoGridLayer</b> class and
								inherits all its properties, events and methods.</p>
								<p>The <b>wj-geo-grid-layer</b> component may contain a <a href="wijmo_angular2_chart_map.wjcolorscale.html">wijmo.angular2.chart.map.WjColorScale</a> child component.</p>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="tsd-signature-type">GeoGridLayer</span>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">WjGeoGridLayer</span>
										</li>
									</ul>
								</li>
							</ul>
						</section>
						<section class="tsd-index-group">
							<section class="tsd-index-panel">
								<div class="tsd-index-content">
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Properties
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_angular2_chart_map.wjgeogridlayer.html#asyncbindings" class="tsd-kind-icon">async<wbr>Bindings</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_map.wjgeogridlayer.html#colorscale" class="tsd-kind-icon">color<wbr>Scale</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_angular2_chart_map.wjgeogridlayer.html#initialized" class="tsd-kind-icon">initialized</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_angular2_chart_map.wjgeogridlayer.html#isinitialized" class="tsd-kind-icon">is<wbr>Initialized</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_map.wjgeogridlayer.html#itemssource" class="tsd-kind-icon">items<wbr>Source</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_angular2_chart_map.wjgeogridlayer.html#itemssourcechangepc" class="tsd-kind-icon">items<wbr>Source<wbr>ChangePC</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_angular2_chart_map.wjgeogridlayer.html#itemssourcechangedng" class="tsd-kind-icon">items<wbr>Source<wbr>Changed<wbr>Ng</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_map.wjgeogridlayer.html#map" class="tsd-kind-icon">map</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_map.wjgeogridlayer.html#style" class="tsd-kind-icon">style</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_map.wjgeogridlayer.html#url" class="tsd-kind-icon">url</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_angular2_chart_map.wjgeogridlayer.html#wjproperty" class="tsd-kind-icon">wj<wbr>Property</a></li>
										</ul>
									</section>
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Methods
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-method tsd-parent-kind-class"><a href="wijmo_angular2_chart_map.wjgeogridlayer.html#created" class="tsd-kind-icon">created</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_map.wjgeogridlayer.html#initialize" class="tsd-kind-icon">initialize</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_map.wjgeogridlayer.html#onitemssourcechanged" class="tsd-kind-icon">on<wbr>Items<wbr>Source<wbr>Changed</a></li>
										</ul>
									</section>
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Events
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-event tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_map.wjgeogridlayer.html#itemssourcechanged" class="tsd-kind-icon">items<wbr>Source<wbr>Changed</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Properties</h2>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="asyncbindings" class="tsd-anchor"></a>
								<h3>asyncBindings</h3>
								<div class="tsd-signature tsd-kind-icon">async<wbr>Bindings<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Allows you to override the global <b>WjOptions.asyncBindings</b> setting for this specific component.
										See the <b>WjOptions.</b><a href="wijmo_angular2_directivebase.wjoptions.html#asyncbindings">WjOptions.asyncBindings</a> property description for details.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="colorscale" class="tsd-anchor"></a>
								<h3>colorScale</h3>
								<div class="tsd-signature tsd-kind-icon">color<wbr>Scale<span class="tsd-signature-symbol">:</span> <a href="wijmo_chart_map.colorscale.html" class="tsd-signature-type">ColorScale</a></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_map.maplayerbase.html">MapLayerBase</a>.<a href="wijmo_chart_map.maplayerbase.html#colorscale">colorScale</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets color scale used for fill layer's items.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="initialized" class="tsd-anchor"></a>
								<h3>initialized</h3>
								<div class="tsd-signature tsd-kind-icon">initialized<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>This event is triggered after the component has been initialized by Angular, that is
										all bound properties have been assigned and child components (if any) have been initialized.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="isinitialized" class="tsd-anchor"></a>
								<h3>isInitialized</h3>
								<div class="tsd-signature tsd-kind-icon">is<wbr>Initialized<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Indicates whether the component has been initialized by Angular.
										Changes its value from false to true right before triggering the <b>initialized</b> event.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="itemssource" class="tsd-anchor"></a>
								<h3>itemsSource</h3>
								<div class="tsd-signature tsd-kind-icon">items<wbr>Source<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_map.maplayerbase.html">MapLayerBase</a>.<a href="wijmo_chart_map.maplayerbase.html#itemssource">itemsSource</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets a data source for the layer.</p>
									</div>
									<p>Data source should be GeoJSON object(s).</p>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="itemssourcechangepc" class="tsd-anchor"></a>
								<h3>itemsSourceChangePC</h3>
								<div class="tsd-signature tsd-kind-icon">items<wbr>Source<wbr>ChangePC<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>This event is used to implement two-way binding to the <b>itemsSource</b> property.
											It's triggered when the property value changes, with the event argument holding the new property value.
										You can bind handlers to this event in templates using the <b>itemsSourceChange</b> event name.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="itemssourcechangedng" class="tsd-anchor"></a>
								<h3>itemsSourceChangedNg</h3>
								<div class="tsd-signature tsd-kind-icon">items<wbr>Source<wbr>Changed<wbr>Ng<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Angular (EventEmitter) version of the Wijmo <b>itemsSourceChanged</b> event for programmatic access.
											Use this event name if you want to subscribe to the Angular version of the event in code.
										In template bindings use the conventional <b>itemsSourceChanged</b> Wijmo event name.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="map" class="tsd-anchor"></a>
								<h3>map</h3>
								<div class="tsd-signature tsd-kind-icon">map<span class="tsd-signature-symbol">:</span> <a href="wijmo_chart_map.flexmap.html" class="tsd-signature-type">FlexMap</a></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_map.maplayerbase.html">MapLayerBase</a>.<a href="wijmo_chart_map.maplayerbase.html#map">map</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets the parent map</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="style" class="tsd-anchor"></a>
								<h3>style</h3>
								<div class="tsd-signature tsd-kind-icon">style<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_map.maplayerbase.html">MapLayerBase</a>.<a href="wijmo_chart_map.maplayerbase.html#style">style</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the layer's style.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<a name="url" class="tsd-anchor"></a>
								<h3>url</h3>
								<div class="tsd-signature tsd-kind-icon">url<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_map.maplayerbase.html">MapLayerBase</a>.<a href="wijmo_chart_map.maplayerbase.html#url">url</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Get or sets the data source url.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="wjproperty" class="tsd-anchor"></a>
								<h3>wjProperty</h3>
								<div class="tsd-signature tsd-kind-icon">wj<wbr>Property<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets a name of a property that this component is assigned to.
										Default value is 'layers'.</p>
									</div>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Methods</h2>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
								<a name="created" class="tsd-anchor"></a>
								<h3>created</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">created<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>If you create a custom component inherited from a Wijmo component, you can override this
													method and perform necessary initializations that you usually do in a class constructor.
													This method is called in the last line of a Wijmo component constructor and allows you
													to not declare your custom component's constructor at all, thus preventing you from a necessity
												to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.</p>
											</div>
										</div>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
									</li>
								</ul>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
								<a name="initialize" class="tsd-anchor"></a>
								<h3>initialize</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
									<li class="tsd-signature tsd-kind-icon">initialize<span class="tsd-signature-symbol">(</span>options<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
											<p>Inherited from <a href="wijmo_chart_map.maplayerbase.html">MapLayerBase</a>.<a href="wijmo_chart_map.maplayerbase.html#initialize">initialize</a></p>
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Initializes the series by copying the properties from a given object.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>options: <span class="tsd-signature-type">any</span></h5>
												<div class="tsd-comment">
													<p>JavaScript object containing initialization data for the series.</p>
												</div>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
									</li>
								</ul>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
								<a name="onitemssourcechanged" class="tsd-anchor"></a>
								<h3>onItemsSourceChanged</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
									<li class="tsd-signature tsd-kind-icon">on<wbr>Items<wbr>Source<wbr>Changed<span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><a href="wijmo.eventargs.html" class="tsd-signature-type">EventArgs</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
											<p>Inherited from <a href="wijmo_chart_map.maplayerbase.html">MapLayerBase</a>.<a href="wijmo_chart_map.maplayerbase.html#onitemssourcechanged">onItemsSourceChanged</a></p>
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Raises the <a href="wijmo_angular2_chart_map.wjgeogridlayer.html#itemssourcechanged">itemsSourceChanged</a> event.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>e: <a href="wijmo.eventargs.html" class="tsd-signature-type">EventArgs</a></h5>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
									</li>
								</ul>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Events</h2>
							<section class="tsd-panel tsd-member tsd-kind-event tsd-parent-kind-class tsd-is-inherited">
								<a name="itemssourcechanged" class="tsd-anchor"></a>
								<h3>itemsSourceChanged</h3>
								<div class="tsd-signature tsd-kind-icon">items<wbr>Source<wbr>Changed<span class="tsd-signature-symbol">:</span> <a href="wijmo.event.html" class="tsd-signature-type">Event</a><span class="tsd-signature-symbol">&lt;</span><a href="wijmo_chart_map.maplayerbase.html" class="tsd-signature-type">MapLayerBase</a><span class="tsd-signature-symbol">, </span><a href="wijmo.eventargs.html" class="tsd-signature-type">EventArgs</a><span class="tsd-signature-symbol">&gt;</span></div>
								<aside class="tsd-sources">
									<p>Inherited from <a href="wijmo_chart_map.maplayerbase.html">MapLayerBase</a>.<a href="wijmo_chart_map.maplayerbase.html#itemssourcechanged">itemsSourceChanged</a></p>
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Occurs after the layer has been bound to a new items source.</p>
									</div>
								</div>
							</section>
						</section>
					</div>