{"id":12834,"date":"2020-01-20T16:38:22","date_gmt":"2020-01-21T00:38:22","guid":{"rendered":"https:\/\/www.seedcode.com\/?p=12834"},"modified":"2020-01-20T16:38:22","modified_gmt":"2020-01-21T00:38:22","slug":"plotting-irregular-shapes-in-filemaker-maps","status":"publish","type":"post","link":"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/","title":{"rendered":"Plotting Irregular Shapes in FileMaker Maps"},"content":{"rendered":"

SeedCode’s ProMaps template comes with support for “neighborhoods” or areas: shapes our users employ to depict things like sales territories or city borders. Usually, these areas are a single, contiguous shape, like the neighborhoods in Seattle shown in red below in a stock copy of ProMaps.<\/p>\n

\"Google<\/a>

Stock copy of ProMaps showing neighborhood areas in red<\/figcaption><\/figure>\n

But what if an area consists of multiple separated shapes? Much of the time, city, municipal, and congressional boundaries are not just made up of one simple shape, but a set of multiple shapes. Or maybe you want to represent something like national forest boundaries or oil fields as in the examples below:<\/span><\/p>\n

\"Areas<\/a>

Oil fields in Indiana; all red areas are one “area” in ProMaps<\/figcaption><\/figure>\n
\"Oil<\/a>

Zoomed in on oil fields.<\/figcaption><\/figure>\n

It turns out that this can be done with a very small tweak to ProMaps. To do this, we need to first define how to separate the multiple arrays of latitude\/longitude pairs for one area. For this example, we’ll stick with formatting similar to JSON. This means each polygon will be wrapped in brackets ( [ ] ), and separated with a comma. When specifying multiple polygons, our object is going to be an array of arrays, so everything will need to be enclosed in brackets to define it as a single array object. Here’s the template for how multi-polygon area data should look:<\/p>\n

[[lat,lng\nlat,lng],\n[lat,lng\nlat,lng]]\n<\/pre>\n
The next step is to update the “Set Variable [ $sc_areaBorderCoordinates\u2026” script step on line 26 of the “Export Map HTML” script. We’ll update the calculation value with the following:<\/p>\n
List (\n$sc_areaBorderCoordinates ;\n\"[\\\"\" &\nSubstitute ( $sc_AreaDataRecord ; [ \"],\\n[\" ; \"%%\" ]  ; [ \"[\" ; \"\" ] ; [ \"]\" ; \"\" ] ; [\"%%\" ; \"\\\"],[\\\"\" ] ; [\"\\n\" ; \"\\\"\u00b6\\\"\" ])\n& \"\\\"]\"\n)\n<\/pre>\n
It’s important to note that we’re sticking with ProMaps’ use of return characters to indicate the separation between each lat\/long pair. Because of this, it’s vital that you follow the format in the example (no extra line breaks), or the substitute function will result in a malformed object.<\/p>\n
With this one script change and formatted data, you’ll be able to see multiple polygons drawn on the map for a single area!<\/p>\n
[ba-button link=”https:\/\/www.seedcode.com\/promaps\/” color=”Yellow” target=”blank”]Learn more about the\u00a0ProMaps template[\/ba-button]<\/p>\n","protected":false},"excerpt":{"rendered":"
SeedCode’s ProMaps template comes with support for “neighborhoods” or areas: shapes our users employ to depict things like sales territories or city borders. Usually, these areas are a single, contiguous shape, like the neighborhoods in Seattle shown in red below in a stock copy of ProMaps. But what if an area consists of multiple separated shapes? Much of the time, city, municipal, and congressional boundaries are not just made up of one simple shape, but a set of multiple shapes. Or maybe you want to represent something like national forest boundaries or oil fields as in the examples below: It turns out that this can be done with a very small tweak to ProMaps. To do this, we need to first define how to separate the multiple arrays of latitude\/longitude pairs for one area. For this example, we’ll stick with formatting similar to JSON. This means each polygon will be wrapped in brackets ( [ ] ), and separated with a comma. When specifying multiple polygons, our object is going to be an array of arrays, so everything will need to be enclosed in brackets to define it as a single array object. Here’s the template for how multi-polygon area data should look: [[lat,lng lat,lng], [lat,lng lat,lng]] The next step is to update the “Set Variable [ $sc_areaBorderCoordinates\u2026” script step on line 26 of the “Export Map HTML” script. We’ll update the calculation value with the following: List ( $sc_areaBorderCoordinates ; “[\\”” & Substitute ( $sc_AreaDataRecord ; [ “],\\n[” ; “%%” ] ; [ “[” ; “” ] ; [ “]” ; “” ] ; [“%%” ; “\\”],[\\”” ] ; [“\\n” ; “\\”\u00b6\\”” ]) & “\\”]” ) It’s important to note that we’re sticking with ProMaps’ use of return characters to indicate the separation between each lat\/long pair. Because of this, it’s vital that you follow the format in the example (no extra line breaks), or the substitute function will result in a malformed object. With this one script change and formatted data, you’ll be able to see multiple polygons drawn on the map for a single area! [ba-button link=”https:\/\/www.seedcode.com\/promaps\/” color=”Yellow” target=”blank”]Learn more about the\u00a0ProMaps template[\/ba-button]<\/p>\n","protected":false},"author":5,"featured_media":12843,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[22],"class_list":["post-12834","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-maps"],"yoast_head":"\nPlotting Irregular Shapes in FileMaker Maps - SeedCode<\/title>\n<meta name=\"description\" content=\"Plot irregular borders on your FileMaker maps. Great for things like city, municipal, and congressional boundaries. Instructions and examples here.\" \/>\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\/plotting-irregular-shapes-in-filemaker-maps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Plotting Irregular Shapes in FileMaker Maps - SeedCode\" \/>\n<meta property=\"og:description\" content=\"Plot irregular borders on your FileMaker maps. Great for things like city, municipal, and congressional boundaries. Instructions and examples here.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/\" \/>\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=\"2020-01-21T00:38:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seedcode.com\/wp-content\/uploads\/2020\/01\/Oil-FieldsMED.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1001\" \/>\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:image\" content=\"https:\/\/seedcode.com\/wp-content\/uploads\/2020\/01\/Oil-FieldsMED.png\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/\"},\"author\":{\"name\":\"KC Embrey\",\"@id\":\"https:\/\/seedcode.com\/#\/schema\/person\/89fd50d9241fcafac2e8fc44967d35b5\"},\"headline\":\"Plotting Irregular Shapes in FileMaker Maps\",\"datePublished\":\"2020-01-21T00:38:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/\"},\"wordCount\":380,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/seedcode.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2020\/01\/mapPolys.png\",\"keywords\":[\"Maps\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/\",\"url\":\"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/\",\"name\":\"Plotting Irregular Shapes in FileMaker Maps - SeedCode\",\"isPartOf\":{\"@id\":\"https:\/\/seedcode.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2020\/01\/mapPolys.png\",\"datePublished\":\"2020-01-21T00:38:22+00:00\",\"description\":\"Plot irregular borders on your FileMaker maps. Great for things like city, municipal, and congressional boundaries. Instructions and examples here.\",\"breadcrumb\":{\"@id\":\"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#primaryimage\",\"url\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2020\/01\/mapPolys.png\",\"contentUrl\":\"https:\/\/seedcode.com\/wp-content\/uploads\/2020\/01\/mapPolys.png\",\"width\":319,\"height\":325},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/seedcode.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Plotting Irregular Shapes in FileMaker Maps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/seedcode.com\/#website\",\"url\":\"https:\/\/seedcode.com\/\",\"name\":\"SeedCode\",\"description\":\"Build the Software You'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":"Plotting Irregular Shapes in FileMaker Maps - SeedCode","description":"Plot irregular borders on your FileMaker maps. Great for things like city, municipal, and congressional boundaries. Instructions and examples here.","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\/plotting-irregular-shapes-in-filemaker-maps\/","og_locale":"en_US","og_type":"article","og_title":"Plotting Irregular Shapes in FileMaker Maps - SeedCode","og_description":"Plot irregular borders on your FileMaker maps. Great for things like city, municipal, and congressional boundaries. Instructions and examples here.","og_url":"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/","og_site_name":"SeedCode","article_publisher":"https:\/\/www.facebook.com\/seedcoder","article_published_time":"2020-01-21T00:38:22+00:00","og_image":[{"width":1600,"height":1001,"url":"https:\/\/seedcode.com\/wp-content\/uploads\/2020\/01\/Oil-FieldsMED.png","type":"image\/png"}],"author":"KC Embrey","twitter_card":"summary_large_image","twitter_image":"https:\/\/seedcode.com\/wp-content\/uploads\/2020\/01\/Oil-FieldsMED.png","twitter_creator":"@dayback","twitter_site":"@dayback","twitter_misc":{"Written by":"KC Embrey","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#article","isPartOf":{"@id":"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/"},"author":{"name":"KC Embrey","@id":"https:\/\/seedcode.com\/#\/schema\/person\/89fd50d9241fcafac2e8fc44967d35b5"},"headline":"Plotting Irregular Shapes in FileMaker Maps","datePublished":"2020-01-21T00:38:22+00:00","mainEntityOfPage":{"@id":"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/"},"wordCount":380,"commentCount":0,"publisher":{"@id":"https:\/\/seedcode.com\/#organization"},"image":{"@id":"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2020\/01\/mapPolys.png","keywords":["Maps"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/","url":"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/","name":"Plotting Irregular Shapes in FileMaker Maps - SeedCode","isPartOf":{"@id":"https:\/\/seedcode.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#primaryimage"},"image":{"@id":"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#primaryimage"},"thumbnailUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2020\/01\/mapPolys.png","datePublished":"2020-01-21T00:38:22+00:00","description":"Plot irregular borders on your FileMaker maps. Great for things like city, municipal, and congressional boundaries. Instructions and examples here.","breadcrumb":{"@id":"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#primaryimage","url":"https:\/\/seedcode.com\/wp-content\/uploads\/2020\/01\/mapPolys.png","contentUrl":"https:\/\/seedcode.com\/wp-content\/uploads\/2020\/01\/mapPolys.png","width":319,"height":325},{"@type":"BreadcrumbList","@id":"https:\/\/seedcode.com\/plotting-irregular-shapes-in-filemaker-maps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seedcode.com\/"},{"@type":"ListItem","position":2,"name":"Plotting Irregular Shapes in FileMaker Maps"}]},{"@type":"WebSite","@id":"https:\/\/seedcode.com\/#website","url":"https:\/\/seedcode.com\/","name":"SeedCode","description":"Build the Software You'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\/12834","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=12834"}],"version-history":[{"count":0,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/posts\/12834\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media\/12843"}],"wp:attachment":[{"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/media?parent=12834"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/categories?post=12834"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seedcode.com\/wp-json\/wp\/v2\/tags?post=12834"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}