# Wijmo_Chart_Map.Scattermaplayer

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								ScatterMapLayer Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Represents scatter map layer.</p>
								</div>
								<p>The data for <a href="wijmo_chart_map.scattermaplayer.html">ScatterMapLayer</a> is a collection of points in geographical coordinates.</p>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<a href="wijmo_chart_map.maplayerbase.html" class="tsd-signature-type">MapLayerBase</a>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">ScatterMapLayer</span>
											<ul class="tsd-hierarchy">
												<li>
													<a href="wijmo_angular2_chart_map.wjscattermaplayer.html" class="tsd-signature-type">WjScatterMapLayer</a>
												</li>
											</ul>
										</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>
												Constructors
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="wijmo_chart_map.scattermaplayer.html#constructor" class="tsd-kind-icon">constructor</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>
												Properties
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart_map.scattermaplayer.html#binding" class="tsd-kind-icon">binding</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_chart_map.scattermaplayer.html#colorscale" class="tsd-kind-icon">color<wbr>Scale</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-overwrite"><a href="wijmo_chart_map.scattermaplayer.html#itemssource" class="tsd-kind-icon">items<wbr>Source</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_chart_map.scattermaplayer.html#map" class="tsd-kind-icon">map</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_chart_map.scattermaplayer.html#style" class="tsd-kind-icon">style</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart_map.scattermaplayer.html#symbolmaxsize" class="tsd-kind-icon">symbol<wbr>Max<wbr>Size</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart_map.scattermaplayer.html#symbolminsize" class="tsd-kind-icon">symbol<wbr>Min<wbr>Size</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart_map.scattermaplayer.html#symbolsize" class="tsd-kind-icon">symbol<wbr>Size</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_chart_map.scattermaplayer.html#url" class="tsd-kind-icon">url</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_chart_map.scattermaplayer.html#getgeobbox" class="tsd-kind-icon">get<wbr>GeoBBox</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_chart_map.scattermaplayer.html#initialize" class="tsd-kind-icon">initialize</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_chart_map.scattermaplayer.html#onitemssourcechanged" class="tsd-kind-icon">on<wbr>Items<wbr>Source<wbr>Changed</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class tsd-is-overwrite"><a href="wijmo_chart_map.scattermaplayer.html#render" class="tsd-kind-icon">render</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_chart_map.scattermaplayer.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>Constructors</h2>
							<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
								<a name="constructor" class="tsd-anchor"></a>
								<h3>constructor</h3>
								<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">new <wbr>Scatter<wbr>Map<wbr>Layer<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><a href="wijmo_chart_map.scattermaplayer.html" class="tsd-signature-type">ScatterMapLayer</a></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Initializes a new instance of the <a href="wijmo_chart_map.scattermaplayer.html">ScatterMapLayer</a> class.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5><span class="tsd-flag ts-flagOptional">Optional</span> options: <span class="tsd-signature-type">any</span></h5>
												<div class="tsd-comment">
													<div class="lead">
														<p>A JavaScript object containing initialization data
														for the layer.</p>
													</div>
												</div>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <a href="wijmo_chart_map.scattermaplayer.html" class="tsd-signature-type">ScatterMapLayer</a></h4>
									</li>
								</ul>
							</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="binding" class="tsd-anchor"></a>
								<h3>binding</h3>
								<div class="tsd-signature tsd-kind-icon">binding<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 the binding for the layer.</p>
									</div>
									<p>The binding can include two comma-separated property names (longitude and latitude) 'lon,lat'
									or a single property name that contain a pair of geographical coordinates.</p>
								</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 tsd-is-overwrite">
								<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>Overrides <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 a collection of objects that provides geographical coordinates (longitude and latitude).
									Object property or properties which contains coordinates are specified by <a href="wijmo_chart_map.scattermaplayer.html#binding">binding</a> property.</p>
								</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">
								<a name="symbolmaxsize" class="tsd-anchor"></a>
								<h3>symbolMaxSize</h3>
								<div class="tsd-signature tsd-kind-icon">symbol<wbr>Max<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the maximal symbol size.</p>
									</div>
									<p>For bubble plot.</p>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="symbolminsize" class="tsd-anchor"></a>
								<h3>symbolMinSize</h3>
								<div class="tsd-signature tsd-kind-icon">symbol<wbr>Min<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the minimal symbol size.</p>
									</div>
									<p>For bubble plot.</p>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="symbolsize" class="tsd-anchor"></a>
								<h3>symbolSize</h3>
								<div class="tsd-signature tsd-kind-icon">symbol<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the symbol size.</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>
						<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="getgeobbox" class="tsd-anchor"></a>
								<h3>getGeoBBox</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">get<wbr>GeoBBox<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Gets the layer bounds in geo coordinates.</p>
											</div>
										</div>
										<h4 class="tsd-returns-title">Returns <a href="wijmo.rect.html" class="tsd-signature-type">Rect</a></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_chart_map.scattermaplayer.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 class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
								<a name="render" class="tsd-anchor"></a>
								<h3>render</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-overwrite">
									<li class="tsd-signature tsd-kind-icon">render<span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><a href="../interfaces/wijmo_chart.irenderengine.html" class="tsd-signature-type">IRenderEngine</a>, t<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">SVGTransform</span>, group<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">SVGGElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
											<p>Overrides MapLayerBase.render</p>
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Renders the layer.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>e: <a href="../interfaces/wijmo_chart.irenderengine.html" class="tsd-signature-type">IRenderEngine</a></h5>
												<div class="tsd-comment">
													<p>Render engine.</p>
												</div>
											</li>
											<li>
												<h5>t: <span class="tsd-signature-type">SVGTransform</span></h5>
												<div class="tsd-comment">
													<p>Svg transformation.</p>
												</div>
											</li>
											<li>
												<h5>group: <span class="tsd-signature-type">SVGGElement</span></h5>
												<div class="tsd-comment">
													<p>SVG group element for the layer.</p>
												</div>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</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>