{"id":12101,"date":"2019-04-09T06:28:58","date_gmt":"2019-04-09T13:28:58","guid":{"rendered":"https:\/\/www.seedcode.com\/?p=12101"},"modified":"2019-04-09T06:28:58","modified_gmt":"2019-04-09T13:28:58","slug":"filemaker-maps-webdirect-mobile","status":"publish","type":"post","link":"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/","title":{"rendered":"Google Maps in FileMaker WebDirect on Mobile Devices &#8211; ProMaps"},"content":{"rendered":"<p>A customer reached out to us for help implementing\u00a0ProMaps in FileMaker WebDirect. They wanted a mobile solution for their outreach campaigns. We&#8217;d already made some custom deployments of <a href=\"https:\/\/www.seedcode.com\/maps-in-filemaker-webdirect\/\" rel=\"noopener\">ProMaps running in WebDirect<\/a>, but none of those were for mobile browsers. Working on mobile required redesigning an entirely new menu and mobile map view, which turned out really great!<\/p>\n<p>Here are some screenshots of the final result:<\/p>\n<p><a href=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/03\/pixelN2.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-12234\" src=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/03\/pixelN2sm.png\" alt=\"FileMaker Maps on Android\" width=\"383\" height=\"700\" srcset=\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/pixelN2sm.png 383w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/pixelN2sm-164x300.png 164w\" sizes=\"(max-width: 383px) 100vw, 383px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/03\/pixelN1.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-12232\" src=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/03\/pixelN1sm.png\" alt=\"ProMaps in FileMaker WebDirect\" width=\"383\" height=\"700\" srcset=\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/pixelN1sm.png 383w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/pixelN1sm-164x300.png 164w\" sizes=\"(max-width: 383px) 100vw, 383px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/03\/pixelN3.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-12236\" src=\"https:\/\/www.seedcode.com\/wp-content\/uploads\/2019\/03\/pixelN3sm.png\" alt=\"Filtering FileMaker Map on Mobile Phone\" width=\"383\" height=\"700\" srcset=\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/pixelN3sm.png 383w, https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/pixelN3sm-164x300.png 164w\" sizes=\"(max-width: 383px) 100vw, 383px\" \/><\/a><\/p>\n<p>The entire solution can be accessed via <a href=\"https:\/\/www.filemaker.com\/products\/filemaker-server\/webdirect.html\" rel=\"noopener\">WebDirect<\/a> through a mobile or desktop browser so they can be out in the field and still access their solution through any device! We even added their current device location to the map so they can see where they are at all times in relation to the pins on the map.<\/p>\n<p>If you&#8217;d like help utilizing <a href=\"https:\/\/www.seedcode.com\/promaps\/\" rel=\"noopener\">ProMaps<\/a> in WebDirect or want to create mobile map views like this, please\u00a0<a href=\"https:\/\/www.seedcode.com\/contact\/\" rel=\"noopener\">get in touch.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A customer reached out to us for help implementing\u00a0ProMaps in FileMaker WebDirect. They wanted a mobile solution for their outreach campaigns. We&#8217;d already made some custom deployments of ProMaps running in WebDirect, but none of those were for mobile browsers. Working on mobile required redesigning an entirely new menu and mobile map view, which turned out really great! Here are some screenshots of the final result: The entire solution can be accessed via WebDirect through a mobile or desktop browser so they can be out in the field and still access their solution through any device! We even added their current device location to the map so they can see where they are at all times in relation to the pins on the map. If you&#8217;d like help utilizing ProMaps in WebDirect or want to create mobile map views like this, please\u00a0get in touch.<\/p>\n","protected":false},"author":5,"featured_media":12238,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[22],"class_list":["post-12101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-maps"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>FileMaker Maps in WebDirect on Mobile - SeedCode ProMaps<\/title>\n<meta name=\"description\" content=\"Use SeedCode&#039;s ProMaps template to deploy your found set as a map in FileMaker WebDirect.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FileMaker Maps in WebDirect on Mobile - SeedCode ProMaps\" \/>\n<meta property=\"og:description\" content=\"Use SeedCode&#039;s ProMaps template to deploy your found set as a map in FileMaker WebDirect.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/\" \/>\n<meta property=\"og:site_name\" content=\"SeedCode\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/seedcoder\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-09T13:28:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/MapMobile.png\" \/>\n\t<meta property=\"og:image:width\" content=\"319\" \/>\n\t<meta property=\"og:image:height\" content=\"325\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"KC Embrey\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dayback\" \/>\n<meta name=\"twitter:site\" content=\"@dayback\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"KC Embrey\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/\"},\"author\":{\"name\":\"KC Embrey\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/89fd50d9241fcafac2e8fc44967d35b5\"},\"headline\":\"Google Maps in FileMaker WebDirect on Mobile Devices &#8211; ProMaps\",\"datePublished\":\"2019-04-09T13:28:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/\"},\"wordCount\":158,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/seedcode.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/MapMobile.png\",\"keywords\":[\"Maps\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/\",\"url\":\"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/\",\"name\":\"FileMaker Maps in WebDirect on Mobile - SeedCode ProMaps\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/MapMobile.png\",\"datePublished\":\"2019-04-09T13:28:58+00:00\",\"description\":\"Use SeedCode's ProMaps template to deploy your found set as a map in FileMaker WebDirect.\",\"breadcrumb\":{\"@id\":\"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#primaryimage\",\"url\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/MapMobile.png\",\"contentUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/MapMobile.png\",\"width\":319,\"height\":325},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/seedcode.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google Maps in FileMaker WebDirect on Mobile Devices &#8211; ProMaps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/seedcode.com\/#website\",\"url\":\"https:\/\/seedcode.com\/\",\"name\":\"SeedCode\",\"description\":\"Build the Software You&#039;ve Always Wanted\",\"publisher\":{\"@id\":\"https:\/\/seedcode.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/seedcode.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/seedcode.com\/#organization\",\"name\":\"SeedCode\",\"url\":\"https:\/\/seedcode.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png\",\"contentUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png\",\"width\":595,\"height\":189,\"caption\":\"SeedCode\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/seedcoder\",\"https:\/\/x.com\/dayback\",\"https:\/\/www.linkedin.com\/company\/seedcode\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/89fd50d9241fcafac2e8fc44967d35b5\",\"name\":\"KC Embrey\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3af11e9688bc5e408572c387a4f2ff4246bb7038e897bdfd5685bdf534fd5b70?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3af11e9688bc5e408572c387a4f2ff4246bb7038e897bdfd5685bdf534fd5b70?s=96&d=mm&r=g\",\"caption\":\"KC Embrey\"},\"url\":\"https:\/\/seedcode.com\/author\/kcembrey\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FileMaker Maps in WebDirect on Mobile - SeedCode ProMaps","description":"Use SeedCode's ProMaps template to deploy your found set as a map in FileMaker WebDirect.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/","og_locale":"en_US","og_type":"article","og_title":"FileMaker Maps in WebDirect on Mobile - SeedCode ProMaps","og_description":"Use SeedCode's ProMaps template to deploy your found set as a map in FileMaker WebDirect.","og_url":"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/","og_site_name":"SeedCode","article_publisher":"https:\/\/www.facebook.com\/seedcoder","article_published_time":"2019-04-09T13:28:58+00:00","og_image":[{"width":319,"height":325,"url":"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/MapMobile.png","type":"image\/png"}],"author":"KC Embrey","twitter_card":"summary_large_image","twitter_creator":"@dayback","twitter_site":"@dayback","twitter_misc":{"Written by":"KC Embrey","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#article","isPartOf":{"@id":"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/"},"author":{"name":"KC Embrey","@id":"https:\/\/seedcode.com\/#\/schema\/person\/89fd50d9241fcafac2e8fc44967d35b5"},"headline":"Google Maps in FileMaker WebDirect on Mobile Devices &#8211; ProMaps","datePublished":"2019-04-09T13:28:58+00:00","mainEntityOfPage":{"@id":"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/"},"wordCount":158,"commentCount":0,"publisher":{"@id":"https:\/\/seedcode.com\/#organization"},"image":{"@id":"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/MapMobile.png","keywords":["Maps"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/","url":"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/","name":"FileMaker Maps in WebDirect on Mobile - SeedCode ProMaps","isPartOf":{"@id":"https:\/\/seedcode.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#primaryimage"},"image":{"@id":"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/MapMobile.png","datePublished":"2019-04-09T13:28:58+00:00","description":"Use SeedCode's ProMaps template to deploy your found set as a map in FileMaker WebDirect.","breadcrumb":{"@id":"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#primaryimage","url":"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/MapMobile.png","contentUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2019\/03\/MapMobile.png","width":319,"height":325},{"@type":"BreadcrumbList","@id":"https:\/\/seedcode.com\/filemaker-maps-webdirect-mobile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seedcode.com\/"},{"@type":"ListItem","position":2,"name":"Google Maps in FileMaker WebDirect on Mobile Devices &#8211; ProMaps"}]},{"@type":"WebSite","@id":"https:\/\/seedcode.com\/#website","url":"https:\/\/seedcode.com\/","name":"SeedCode","description":"Build the Software You&#039;ve Always Wanted","publisher":{"@id":"https:\/\/seedcode.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/seedcode.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/seedcode.com\/#organization","name":"SeedCode","url":"https:\/\/seedcode.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/#\/schema\/logo\/image\/","url":"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png","contentUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2022\/12\/SeedCodeLogo.png","width":595,"height":189,"caption":"SeedCode"},"image":{"@id":"https:\/\/seedcode.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/seedcoder","https:\/\/x.com\/dayback","https:\/\/www.linkedin.com\/company\/seedcode\/"]},{"@type":"Person","@id":"https:\/\/seedcode.com\/#\/schema\/person\/89fd50d9241fcafac2e8fc44967d35b5","name":"KC Embrey","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3af11e9688bc5e408572c387a4f2ff4246bb7038e897bdfd5685bdf534fd5b70?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3af11e9688bc5e408572c387a4f2ff4246bb7038e897bdfd5685bdf534fd5b70?s=96&d=mm&r=g","caption":"KC Embrey"},"url":"https:\/\/seedcode.com\/author\/kcembrey\/"}]}},"_links":{"self":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts\/12101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/comments?post=12101"}],"version-history":[{"count":0,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts\/12101\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media\/12238"}],"wp:attachment":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media?parent=12101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/categories?post=12101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/tags?post=12101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}