This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
map_suite_webapi_markers_and_popups [2015/11/12 21:52] mwolffer [Video Overview] |
map_suite_webapi_markers_and_popups [2015/12/03 09:41] (current) tgwikiupdate [Video Overview] |
||
---|---|---|---|
Line 2: | Line 2: | ||
===== Video Overview ===== | ===== Video Overview ===== | ||
- | {{youtube>JYr082O40Uo?large |Web API Markers and Pop Ups Learning Sample}} | + | {{youtube>CIoHHqK5U6s?large |Web API Markers and Pop Ups Learning Sample}} |
+ | <div newline></div> | ||
+ | <div download_viewsource_buttons tryitonline> | ||
+ | {{filehistory:WebAPIEditionSample_MarkersAndPopUps_CS_151111.zip|C# Project}} | ||
+ | [[source_code_webapieditionsample_markersandpopups.zip|View Source]] | ||
+ | [[http://samples.thinkgeo.com/WebApiEdition/SampleTemplates/MarkerAndPopup/leaflet/|Try It Online(Leaflet)]] | ||
+ | [[http://samples.thinkgeo.com/WebApiEdition/SampleTemplates/MarkerAndPopup/openlayers/|Try It Online(Openlayers)]] | ||
+ | </div> | ||
===Overview=== | ===Overview=== | ||
Line 16: | Line 23: | ||
</div> | </div> | ||
- | Developers can use custom icons as their markers. Markers can then be dragged anywhere on the map. In this sample we are using both Leaflet and Openlayers. | + | Developers can use custom icons as their markers. Markers can then be dragged anywhere on the map. |
<div newline></div> | <div newline></div> | ||
<div newline></div> | <div newline></div> | ||
Line 26: | Line 33: | ||
</div> | </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. | + | 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 marker is moved, the location information is automatically updated on the popup. |
<div newline></div> | <div newline></div> | ||
<div newline></div> | <div newline></div> |