{"id":225,"date":"2016-03-01T06:26:07","date_gmt":"2016-03-01T11:26:07","guid":{"rendered":"http:\/\/salzlechner.com\/dev\/?p=225"},"modified":"2016-03-11T06:57:44","modified_gmt":"2016-03-11T11:57:44","slug":"webapp-mapping-support","status":"publish","type":"post","link":"http:\/\/salzlechner.com\/dev\/2016\/03\/01\/webapp-mapping-support\/","title":{"rendered":"WebAPP &#8211; Mapping Support"},"content":{"rendered":"<p>There is no built in support for mapping in DataFlex WebApp. We always had the need for mapping in our desktop apps but even more so in our mobile apps.<\/p>\n<p>We already built support controls for our Desktop applications to allow us to show maps to users as well as do routing on maps.<\/p>\n<p>Of course we had the same need on our mobile apps so we built a custom control for webapp that allows us to do just that<\/p>\n<p>The control we built\u00a0allows us to either use standard MapQuest maps or Leaflet maps. We can also support Google maps as well but due to the licensing restrictions and costs have decided not to use Google maps for this project.<\/p>\n<p>Adding a map to your project is a simple drag and drop affair. You simply drag on the control and set a few properties<\/p>\n<pre class=\"lang:default decode:true \">Object oMap is a cszMapQuestLeafletMap\r\n\tSet piMapHeight to 400\r\n\tSet piMapWidth to 700\r\n\tSet psMapType to \"hyb\"\r\n\tSet psMapKey to \"your map key goes here\"\r\n\t\r\n\t\/\/Set psPOIList to \"1,40.0986,-76.3988,-20,-20|orange-100,40.0692,-76.4012|green,40.0981,-76.3461|yellow-s,40.0697,-76.352\"\r\n\r\n\t\/\/ 1-18\r\n\tSet piZoom to 16\r\nEnd_Object<\/pre>\n<p>The map control allows you to either show a map at\u00a0a specific location, show a map with points of interest markers or calculate and show a route based on a number of locations sent to the map<\/p>\n<p><a href=\"http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2016\/03\/ui4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-226\" src=\"http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2016\/03\/ui4-1024x773.png\" alt=\"ui4\" width=\"1024\" height=\"773\" srcset=\"http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2016\/03\/ui4-1024x773.png 1024w, http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2016\/03\/ui4-300x226.png 300w, http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2016\/03\/ui4.png 1053w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>This class as well as others are available from <a href=\"http:\/\/www.starzen.com\">StarZen Technologies, Inc.<\/a><\/p>\n\n\t\t<div class='author-shortcodes'>\n\t\t\t<div class='author-inner'>\n\t\t\t\t<div class='author-image'>\n\t\t\t<img src='http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2016\/02\/mike5crop-566174_60x60.jpg' alt='' \/>\n\t\t\t<div class='author-overlay'><\/div>\n\t\t<\/div> \n\t\t<div class='author-info'>\n\t\t\tMichael Salzlechner is the CEO of StarZen Technologies, Inc.<\/p>\n<p>He was part of the Windows Team at Data Access Worldwide that created the DataFlex for Windows Product before joining <a href=\"http:\/\/starzen.com\">StarZen Technologies<\/a>. StarZen Technologies provides consulting services as well as custom Application development and third party products specifically for DataFlex developers<\/p>\n\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using Mapping in your DataFlex WebAPP using the Mapping addon control from StarZen Technologies<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","ngg_post_thumbnail":0,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-225","post","type-post","status-publish","format-standard","hentry","category-dataflex-webapp"],"_links":{"self":[{"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/posts\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":4,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/posts\/225\/revisions"}],"predecessor-version":[{"id":273,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/posts\/225\/revisions\/273"}],"wp:attachment":[{"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/media?parent=225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/categories?post=225"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/tags?post=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}