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 WebAPI Markers and Popups======

===== Video Overview =====
{{youtube>JYr082O40Uo?large |Web API Markers and Pop Ups Learning Sample}}


===Overview===

This sample shows you how to use markers and popups. Markers can be dragged across the map in order to place them on a new location anywhere on the map. By clicking on the marker users are able to see a popup with the location information. In this sample we are using both Leaflet and Openlayers.

==== Markers ====
<div captionwithborder floatright>
{{webapiedition:DrawMarkers_Desktop.png?300}}
\\
//A marker with custom icon.//
</div>

Developers can use custom icons as their markers. Markers can then be dragged anywhere on the map.
<div newline></div>
<div newline></div>
==== Markers and Popups ====
<div captionwithborder floatright>
{{webapiedition:DrawMarkersAndPopups_Desktop.png?300}}
\\
//A marker binds a popup.//
</div>

With the marker users can also get a popup with the location information. Users can show or hide the popup information by clicking on the marker. If the markers is moved the location information is automatically updated on the popup. This sample uses Openlayers and popups are implemented as an overlay.


<div newline></div>
<div newline></div>

User Tools

Site Tools

Page Tools