├── .eslintignore
├── .gitignore
├── .nojekyll
├── CNAME
├── LICENSE
├── README.md
├── babel.config.js
├── deploy.sh
├── package-lock.json
├── package.json
├── public
    ├── favicon.ico
    └── index.html
└── src
    ├── App.vue
    ├── assets
        ├── buttons.js
        └── logo.png
    ├── components
        ├── JsonToGeojsonForm.vue
        └── LeafletMap.vue
    └── main.js


/.eslintignore:
--------------------------------------------------------------------------------
1 | buttons.js


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | 
 5 | # local env files
 6 | .env.local
 7 | .env.*.local
 8 | 
 9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 | 
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw*
22 | 


--------------------------------------------------------------------------------
/.nojekyll:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gavinr/arcgis-json-to-geojson/07487b01a7bf75cd31d3c0488b41c23123595065/.nojekyll


--------------------------------------------------------------------------------
/CNAME:
--------------------------------------------------------------------------------
1 | arcgisjson.togeojson.com


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 Gavin Rehkemper
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ArcGIS JSON to GeoJSON 
 2 | ======================
 3 | 
 4 | Need to convert some ArcGIS JSON to GeoJSON? This is a simple page that helps you do that.
 5 | 
 6 | [![screenshot](https://i.imgur.com/DYlsFNm.png)](http://arcgisjson.togeojson.com/)
 7 | 
 8 | View the site: http://arcgisjson.togeojson.com/
 9 | 
10 | Development: Installation
11 | --------
12 | 
13 | - `npm install`
14 | 
15 | Credit
16 | ------
17 | 
18 | This is just a web page wrapper that gives you access to the tools in:
19 | 
20 | * [@terraformer/arcgis](https://github.com/terraformer-js/terraformer/blob/master/packages/arcgis/README.md) (formerly [arcgis-to-geojson-utils](https://github.com/Esri/arcgis-to-geojson-utils) which have been moved to `@terraformer`)
21 | 
22 | Built using [vue-cli version 3](https://cli.vuejs.org/).
23 | 
24 | 
25 | Feedback
26 | --------
27 | 
28 | File bug reports here on GitHub or contact [Gavin Rehkemper](http://github.com/gavinr) [(gavinrehkemper @ twitter)](http://twitter.com/gavinrehkemper) for anything else.
29 | 


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/app'
4 |   ]
5 | }


--------------------------------------------------------------------------------
/deploy.sh:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env sh
 2 | 
 3 | # abort on errors
 4 | set -e
 5 | 
 6 | # build
 7 | npm run build
 8 | 
 9 | # navigate into the build output directory
10 | cd dist
11 | 
12 | # if you are deploying to a custom domain
13 | echo 'arcgisjson.togeojson.com' > CNAME
14 | 
15 | git init
16 | git add -A
17 | git commit -m 'deploy'
18 | 
19 | # if you are deploying to https://<USERNAME>.github.io
20 | # git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git master
21 | 
22 | # if you are deploying to https://<USERNAME>.github.io/<REPO>
23 | git push -f https://github.com/gavinr/arcgis-json-to-geojson master:gh-pages
24 | 
25 | cd -


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "arcgis-json-to-geojson",
 3 |   "description": "Convert ArcGIS JSON to GeoJSON",
 4 |   "version": "2.2.1",
 5 |   "author": "Gavin Rehkemper <gavin@gavinr.com>",
 6 |   "license": "MIT",
 7 |   "private": true,
 8 |   "scripts": {
 9 |     "serve": "vue-cli-service serve",
10 |     "build": "vue-cli-service build",
11 |     "lint": "vue-cli-service lint"
12 |   },
13 |   "dependencies": {
14 |     "@terraformer/arcgis": "^2.0.7",
15 |     "bootstrap": "^4.5.0",
16 |     "esri-leaflet": "^2.4.1",
17 |     "leaflet": "^1.6.0",
18 |     "vue": "^2.6.11",
19 |     "vue-clipboard2": "^0.3.1"
20 |   },
21 |   "devDependencies": {
22 |     "@vue/cli-plugin-babel": "^4.4.6",
23 |     "@vue/cli-plugin-eslint": "^4.4.6",
24 |     "@vue/cli-service": "^4.4.6",
25 |     "@vue/eslint-config-prettier": "^6.0.0",
26 |     "babel-eslint": "^10.1.0",
27 |     "eslint": "^7.6.0",
28 |     "eslint-plugin-vue": "^6.2.2",
29 |     "node-sass": "^4.14.1",
30 |     "sass-loader": "^9.0.2",
31 |     "vue-template-compiler": "^2.6.11"
32 |   },
33 |   "eslintConfig": {
34 |     "root": true,
35 |     "env": {
36 |       "node": true
37 |     },
38 |     "extends": [
39 |       "plugin:vue/essential",
40 |       "eslint:recommended"
41 |     ],
42 |     "rules": {},
43 |     "parserOptions": {
44 |       "parser": "babel-eslint"
45 |     }
46 |   },
47 |   "postcss": {
48 |     "plugins": {
49 |       "autoprefixer": {}
50 |     }
51 |   },
52 |   "browserslist": [
53 |     "> 1%",
54 |     "last 2 versions",
55 |     "not ie <= 8"
56 |   ]
57 | }
58 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gavinr/arcgis-json-to-geojson/07487b01a7bf75cd31d3c0488b41c23123595065/public/favicon.ico


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title>Convert ArcGIS JSON to GeoJSON</title>
 9 | 
10 |     <meta name="description" content="Convert ArcGIS JSON to GeoJSON">
11 |     <meta name="author" content="Gavin Rehkemper (gavinr.com)">
12 |     <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono" rel="stylesheet">
13 |   </head>
14 |   <body>
15 |     <noscript>
16 |       <strong>We're sorry but arcgis-json-to-geojson doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
17 |     </noscript>
18 |     <div id="app"></div>
19 |     <!-- built files will be auto injected -->
20 |   </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="app">
  3 |     <header>
  4 |       <h1>{{ title }}</h1>
  5 |     </header>
  6 | 
  7 |     <div class="instructions">
  8 |       <p>
  9 |         Copy in some ArcGIS JSON. (<a
 10 |           href="https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer/0/query?where=pop2000+%3E+500000&text=&objectIds=&time=&geometry=&geometryType=esriGeometryEnvelope&inSR=4326&spatialRel=esriSpatialRelIntersects&relationParam=&outFields=*&returnGeometry=true&returnTrueCurves=false&maxAllowableOffset=&geometryPrecision=&outSR=&returnIdsOnly=false&returnCountOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&gdbVersion=&returnDistinctValues=false&resultOffset=&resultRecordCount=&queryByDistance=&returnExtentsOnly=false&datumTransformation=&parameterValues=&rangeValues=&f=pjson"
 11 |           target="_blank"
 12 |           >Here</a
 13 |         >
 14 |         is an example to get you started)
 15 |         <!-- Another example URL: -->
 16 |         <!-- https://sampleserver6.arcgisonline.com/arcgis/rest/services/Hurricanes/MapServer/0/query?where=1%3D1&text=&objectIds=&time=&geometry=&geometryType=esriGeometryEnvelope&inSR=&spatialRel=esriSpatialRelIntersects&relationParam=&outFields=*&returnGeometry=true&returnTrueCurves=false&maxAllowableOffset=&geometryPrecision=&outSR=4326&returnIdsOnly=false&returnCountOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&gdbVersion=&returnDistinctValues=false&resultOffset=&resultRecordCount=&f=pjson -->
 17 |       </p>
 18 |     </div>
 19 | 
 20 |     <div id="app" class="csvForm container-fluid">
 21 |       <div class="row">
 22 |         <div class="col-sm">
 23 |           <json-to-geojson-form
 24 |             placeholder="Put ArcGIS JSON here"
 25 |             @geojson="onGeoJson"
 26 |           ></json-to-geojson-form>
 27 |         </div>
 28 |         <div class="col-sm">
 29 |           <!-- todo: map goes here? -->
 30 |           <div id="app" style="height: 100%">
 31 |             <v-map
 32 |               ref="map"
 33 |               :zoom="13"
 34 |               :center="[47.41322, -1.219482]"
 35 |               :geojson="geojson"
 36 |               v-show="geojson"
 37 |             >
 38 |             </v-map>
 39 |           </div>
 40 |         </div>
 41 |       </div>
 42 |     </div>
 43 | 
 44 |     <footer>
 45 |       <!-- TODO - add bookmarklet link back when we get this working -->
 46 |       <a
 47 |         class="github-button"
 48 |         href="https://github.com/gavinr/arcgis-json-to-geojson"
 49 |         data-show-count="true"
 50 |         aria-label="Star gavinr/arcgis-json-to-geojson on GitHub"
 51 |         >Star</a
 52 |       ><br />
 53 |       Also: <A href="http://csv.togeojson.com">CSV to GeoJSON</A>
 54 |     </footer>
 55 |   </div>
 56 | </template>
 57 | 
 58 | <script>
 59 | import GithubButtons from "./assets/buttons.js"; // eslint-disable-line no-unused-vars
 60 | import JsonToGeojsonForm from "./components/JsonToGeojsonForm";
 61 | import LeafletMap from "./components/LeafletMap";
 62 | 
 63 | export default {
 64 |   name: "app",
 65 |   data() {
 66 |     return {
 67 |       title: "Convert ArcGIS JSON to GeoJSON",
 68 |       geojson: false,
 69 |     };
 70 |   },
 71 |   components: {
 72 |     "json-to-geojson-form": JsonToGeojsonForm,
 73 |     "v-map": LeafletMap,
 74 |   },
 75 |   methods: {
 76 |     onGeoJson: function(evt) {
 77 |       this.geojson = JSON.parse(JSON.stringify(evt));
 78 |       // https://github.com/KoRiGaN/Vue2Leaflet/issues/96#issuecomment-341459943
 79 |       setTimeout(function() {
 80 |         window.dispatchEvent(new Event("resize"));
 81 |       }, 250);
 82 |     },
 83 |   },
 84 | };
 85 | </script>
 86 | 
 87 | <style lang="scss">
 88 | @import "~bootstrap/dist/css/bootstrap.css";
 89 | 
 90 | html,
 91 | body {
 92 |   margin: 20px;
 93 |   font-family: "Roboto", sans-serif;
 94 | }
 95 | 
 96 | footer,
 97 | footer a {
 98 |   color: #c0c0c0;
 99 |   size: 0.8rem;
100 |   text-align: center;
101 |   margin-top: 30px;
102 | }
103 | </style>
104 | 


--------------------------------------------------------------------------------
/src/assets/buttons.js:
--------------------------------------------------------------------------------
1 | !function(){"use strict";var d,l,s,e,t,o,h=window.document,n=h.location,p=window.encodeURIComponent,c=window.decodeURIComponent,r=window.Math,u=function(e){return h.createElement(e)};l="github-button",d=(/^http:/.test(n)?"http":"https")+"://buttons.github.io",s="/buttons.html",e=function(e){d=e},t="currentScript",o=!{}.hasOwnProperty.call(h,t)&&h[t]&&delete h[t]&&h[t]?h[t].src:void 0;var f,g,a;f=function(e,t,o){e.addEventListener?e.addEventListener(""+t,o):e.attachEvent("on"+t,o)},g=function(t,o,n){var r;f(t,o,r=function(e){return t.removeEventListener?t.removeEventListener(""+o,r):t.detachEvent("on"+o,r),n(e)})},a=function(e){var t,o;/m/.test(h.readyState)||!/g/.test(h.readyState)&&!h.documentElement.doScroll?setTimeout(e):h.addEventListener?(o=0,g(h,"DOMContentLoaded",t=function(){!o&&(o=1)&&e()}),g(window,"load",t)):(t=function(){/m/.test(h.readyState)&&(h.detachEvent("onreadystatechange",t),e())},h.attachEvent("onreadystatechange",t))};var m,w,b,v,x,i,C,y,F,k,z="body{margin:0}a{color:#24292e;text-decoration:none;outline:0}.widget{display:inline-block;overflow:hidden;font-family:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;font-size:0;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn,.social-count{display:inline-block;font-weight:600;vertical-align:bottom;cursor:pointer;border:1px solid #d1d2d3;border-radius:0.25em}.btn:focus,.social-count:focus{border-color:#c8e1ff}.btn{background-color:#eff3f6;background-image:-webkit-linear-gradient(top, #fafbfc, #e4ebf0);background-image:-moz-linear-gradient(top, #fafbfc, #e4ebf0);background-image:linear-gradient(to bottom, #fafbfc, #e4ebf0);background-repeat:repeat-x;background-size:110% 110%;-ms-filter:\"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFAFBFC', endColorstr='#FFE4EBF0')\";*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFAFBFC', endColorstr='#FFE4EBF0')}.btn:active{background-color:#e9ecef;background-image:none;border-color:#afb1b2;box-shadow:inset 0 0.15em 0.3em rgba(27,31,35,0.15)}.btn:hover{background-color:#e6ebf1;background-image:-webkit-linear-gradient(top, #f0f3f6, #dce3ec);background-image:-moz-linear-gradient(top, #f0f3f6, #dce3ec);background-image:linear-gradient(to bottom, #f0f3f6, #dce3ec);border-color:#afb1b2;-ms-filter:\"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF0F3F6', endColorstr='#FFDCE3EC')\";*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF0F3F6', endColorstr='#FFDCE3EC')}.social-count{position:relative;background-color:#fff}.social-count:hover{color:#0366d6}.octicon{position:relative;display:inline-block;vertical-align:top;fill:currentColor}.btn,.social-count{height:18px;padding:0 5px;line-height:18px}.btn{font-size:11px}.social-count{margin-left:5px;font-size:10px}.octicon{height:14px;top:2px}.large .btn,.large .social-count{height:26px;line-height:26px}.large .btn{padding:0 10px;font-size:12px}.large .social-count{padding:0 7px;margin-left:7px;font-size:11px}.large .octicon{height:18px;top:4px}.social-count b,.social-count i{position:absolute;top:50%;right:100%;display:block;width:0;height:0;margin-top:-4px;_font-size:0;_line-height:0;border:solid transparent;border-width:4px 4px 4px 0}.social-count b{margin-right:0;border-right-color:#d1d2d3}.social-count:focus b{border-right-color:#c8e1ff}.social-count i{margin-right:-1.5px;border-right-color:#fff}.social-count b,.social-count i{_border-top-color:red !important;_border-bottom-color:red !important;_border-left-color:red !important;_filter:chroma(color=red)}.large .social-count b,.large .social-count i{margin-top:-6px;border-width:6px 6px 6px 0}\n",E={"mark-github":{width:16,height:16,path:'<path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>'},eye:{width:16,height:16,path:'<path fill-rule="evenodd" d="M8.06 2C3 2 0 8 0 8s3 6 8.06 6C13 14 16 8 16 8s-3-6-7.94-6zM8 12c-2.2 0-4-1.78-4-4 0-2.2 1.8-4 4-4 2.22 0 4 1.8 4 4 0 2.22-1.78 4-4 4zm2-4c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.89-2 2-2 1.11 0 2 .89 2 2z"/>'},star:{width:14,height:16,path:'<path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"/>'},"repo-forked":{width:10,height:16,path:'<path fill-rule="evenodd" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"/>'},"issue-opened":{width:14,height:16,path:'<path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"/>'},"cloud-download":{width:16,height:16,path:'<path fill-rule="evenodd" d="M9 12h2l-3 3-3-3h2V7h2v5zm3-8c0-.44-.91-3-4.5-3C5.08 1 3 2.92 3 5 1.02 5 0 6.52 0 8c0 1.53 1 3 3 3h3V9.7H3C1.38 9.7 1.3 8.28 1.3 8c0-.17.05-1.7 1.7-1.7h1.3V5c0-1.39 1.56-2.7 3.2-2.7 2.55 0 3.13 1.55 3.2 1.8v1.2H12c.81 0 2.7.22 2.7 2.2 0 2.09-2.25 2.2-2.7 2.2h-2V11h2c2.08 0 4-1.16 4-3.5C16 5.06 14.08 4 12 4z"/>'}};m=function(e,t){return e=(""+e).toLowerCase().replace(/^octicon-/,""),E.hasOwnProperty(e)||(e="mark-github"),'<svg version="1.1" width="'+t*E[e].width/E[e].height+'" height="'+t+'" viewBox="0 0 '+E[e].width+" "+E[e].height+'" class="octicon octicon-'+e+'" aria-hidden="true">'+E[e].path+"</svg>"},b={},w=function(e,t){var o,n,r,a,i,l,c,d;1<(l=b[e]||(b[e]=[])).push(t)||(a=0,n=function(){if(!a&&(a=1))for(delete b[e];t=l.shift();)t.apply(null,arguments)},(o=window.XMLHttpRequest)&&"withCredentials"in o.prototype?(d=new o,f(d,"abort",n),f(d,"error",n),f(d,"load",function(){n(200!==d.status,function(){try{return JSON.parse(d.responseText)}catch(e){}}())}),d.open("GET",e),d.send()):((r=this||window)._=function(e){r._=null,n(200!==e.meta.status,e.data)},(c=r.document.createElement("script")).async=!0,c.src=e+(/\?/.test(e)?"&":"?")+"callback=_",f(c,"error",i=function(){r._&&r._({meta:{}})}),c.readyState&&f(c,"readystatechange",function(){"loaded"===c.readyState&&i()}),r.document.getElementsByTagName("head")[0].appendChild(c)))},v=function(e,t,o){var r,a,n,i,l,c,d,s,h,p,u,f,g,b;t&&(n=this,c=e.ownerDocument,l=function(e){return c.createTextNode(e)},(d=(i=function(e){return c.createElement(e)})("style")).type="text/css",e.appendChild(d),d.styleSheet?d.styleSheet.cssText=z:d.appendChild(l(z)),(s=e.appendChild(i("div"))).className="widget"+(/^large$/i.test(t["data-size"])?" large":""),a=function(){o&&o(s)},(h=i("a")).href=t.href,h.target="_blank",/\.github\.com$/.test("."+h.hostname)?/^https?:\/\/((gist\.)?github\.com\/[^\/?#]+\/[^\/?#]+\/archive\/|github\.com\/[^\/?#]+\/[^\/?#]+\/releases\/download\/|codeload\.github\.com\/)/.test(h.href)&&(h.target="_top"):(h.href="#",h.target="_self"),h.className="btn",(p=t["aria-label"])&&h.setAttribute("aria-label",p),h.innerHTML=m(t["data-icon"],/^large$/i.test(t["data-size"])?16:14),h.appendChild(l(" ")),h.appendChild(i("span")).appendChild(l(t["data-text"]||"")),r=s.appendChild(h),/^(true|1)$/i.test(t["data-show-count"])&&"github.com"===r.hostname?!(g=r.pathname.replace(/^(?!\/)/,"/").match(/^\/([^\/?#]+)(?:\/([^\/?#]+)(?:\/(?:(subscription)|(fork)|(issues)|([^\/?#]+)))?)?(?:[\/?#]|$)/))||g[6]?a():(g[2]?(u="/repos/"+g[1]+"/"+g[2],g[3]?(b="subscribers_count",f="watchers"):g[4]?(b="forks_count",f="network"):g[5]?(b="open_issues_count",f="issues"):(b="stargazers_count",f="stargazers")):(u="/users/"+g[1],f=b="followers"),w.call(n,"https://api.github.com"+u,function(e,t){var o,n;e||(n=t[b],(o=i("a")).href=t.html_url+"/"+f,o.target="_blank",o.className="social-count",o.setAttribute("aria-label",n+" "+b.replace(/_count$/,"").replace("_"," ")+" on GitHub"),o.appendChild(i("b")),o.appendChild(i("i")),o.appendChild(i("span")).appendChild(c.createTextNode((""+n).replace(/\B(?=(\d{3})+(?!\d))/g,","))),r.parentNode.insertBefore(o,r.nextSibling)),a()})):a())},x=function(){var e,t,o,n,r,a,i;if(t=[],h.querySelectorAll)t=h.querySelectorAll("a."+l);else for(o=0,r=(i=h.getElementsByTagName("a")).length;o<r;o++)~(" "+(e=i[o]).className+" ").replace(/[ \t\n\f\r]+/g," ").indexOf(" "+l+" ")&&t.push(e);for(n=0,a=t.length;n<a;n++)e=t[n],k(e)},C=window.devicePixelRatio||1,i=function(e){return(1<C?r.ceil(r.round(e*C)/C*2)/2:r.ceil(e))||0},y=function(e){var t,o,n;return n=e.scrollWidth,o=e.scrollHeight,e.getBoundingClientRect&&(t=e.getBoundingClientRect(),n=r.max(n,i(t.width||t.right-t.left)),o=r.max(o,i(t.height||t.bottom-t.top))),[n,o]},F=function(e,t){e.style.width=t[0]+"px",e.style.height=t[1]+"px"},k=function(o,n){var e,t,r,a,i,l,c;if(null==o)return x();if(null==n&&(n=function(e){var t,o,n,r,a;for(r={href:e.href,title:e.title,"aria-label":e.getAttribute("aria-label")},o=0,n=(a=["icon","text","size","show-count"]).length;o<n;o++)r[t="data-"+(t=a[o])]=e.getAttribute(t);return null==r["data-text"]&&(r["data-text"]=e.textContent||e.innerText),r}(o)),(e=window.HTMLElement)&&e.prototype.attachShadow&&!e.prototype.attachShadow.prototype)t=u("span"),(l=n.title)&&(t.title=l),v(t.attachShadow({mode:"closed"}),n,function(){o.parentNode.replaceChild(t,o)});else{for(a in r=u("iframe"),i={allowtransparency:!0,scrolling:"no",frameBorder:0})c=i[a],r.setAttribute(a,c);F(r,[1,0]),r.style.border="none",r.src="javascript:0",g(r,"load",function(){var e;e=r.contentWindow,v.call(e,e.document.body,n,function(e){var t;t=y(e),r.parentNode.removeChild(r),g(r,"load",function(){F(r,t)}),r.src=d+s+"#"+function(e){var t,o,n;for(t in o=[],e)null!=(n=e[t])&&o.push(p(t)+"="+p(n));return o.join("&")}(n),(l=n.title)&&(r.title=l),o.parentNode.replaceChild(r,o)})}),h.body.appendChild(r)}},"function"==typeof define&&define.amd?define([],{render:k}):"object"==typeof exports&&"string"!=typeof exports.nodeName?exports.render=k:(o&&e(o.replace(/\/[^\/]*([?#].*)?$/,"")),n.protocol+"//"+n.host+n.pathname===d+s?v(h.body,function(e){var t,o,n,r,a,i;for(r={},t=0,o=(i=e.split("&")).length;t<o;t++)""!==(n=i[t])&&(a=n.split("="),r[c(a[0])]=null!=a[1]?c(a.slice(1).join("=")):void 0);return r}(n.hash.replace(/^#/,""))):a(x))}();


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gavinr/arcgis-json-to-geojson/07487b01a7bf75cd31d3c0488b41c23123595065/src/assets/logo.png


--------------------------------------------------------------------------------
/src/components/JsonToGeojsonForm.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <form>
  3 |     <div class="form-group">
  4 |       <textarea
  5 |         rows="10"
  6 |         class="form-control"
  7 |         v-bind:placeholder="placeholder"
  8 |         v-model="inputJson"
  9 |       ></textarea>
 10 |     </div>
 11 | 
 12 |     <div class="form-group float-right">
 13 |       <button
 14 |         type="button"
 15 |         class="btn btn-primary"
 16 |         v-on:click.prevent="convert()"
 17 |       >
 18 |         Convert
 19 |       </button>
 20 |     </div>
 21 | 
 22 |     <div class="form-row align-items-center" v-if="showWgs84Alert">
 23 |       <div class="col">
 24 |         <div class="alert alert-warning" role="alert">
 25 |           It looks like your FeatureSet has features with geometries with
 26 |           spatial references not in Latitude/Longitude (WGS84). In general,
 27 |           GeoJSON only works with WGS84, which is why the map probably looks
 28 |           wrong, so you probably want to change your input data to have that
 29 |           spatial reference. Try setting the "Output Sptaial Reference" to 4326.
 30 |         </div>
 31 |       </div>
 32 |     </div>
 33 | 
 34 |     <div class="form-group">
 35 |       <textarea
 36 |         rows="10"
 37 |         class="form-control"
 38 |         v-show="showResultArea"
 39 |         v-model="resultJsonString"
 40 |       ></textarea>
 41 |     </div>
 42 | 
 43 |     <div class="form-row" v-show="showResultArea">
 44 |       <div class="col d-flex align-items-center justify-content-between">
 45 |         <label class="m-0" v-show="showResultArea"
 46 |           >Pretty Print <input type="checkbox" v-model="prettyPrint"
 47 |         /></label>
 48 |         <button
 49 |           type="button"
 50 |           class="btn btn-primary"
 51 |           v-clipboard:copy="resultJsonString"
 52 |           v-clipboard:success="onCopy"
 53 |           v-clipboard:error="onError"
 54 |         >
 55 |           {{ copyText }}
 56 |         </button>
 57 |       </div>
 58 |     </div>
 59 |   </form>
 60 | </template>
 61 | 
 62 | <script>
 63 | import { arcgisToGeoJSON } from "@terraformer/arcgis";
 64 | 
 65 | export default {
 66 |   name: "JsonToGeojsonForm",
 67 |   props: ["placeholder"],
 68 |   data: () => {
 69 |     return {
 70 |       inputJson: "",
 71 |       resultJson: "",
 72 |       prettyPrint: true,
 73 |       showWgs84Alert: false,
 74 |       originalCopyText: "Copy",
 75 |       copyText: "Copy",
 76 |     };
 77 |   },
 78 |   computed: {
 79 |     showResultArea: function() {
 80 |       return this.resultJson !== "";
 81 |     },
 82 |     resultJsonString: function() {
 83 |       return JSON.stringify(
 84 |         this.resultJson,
 85 |         null,
 86 |         this.prettyPrint ? 2 : undefined
 87 |       );
 88 |     },
 89 |   },
 90 |   methods: {
 91 |     convert: function() {
 92 |       let inputJson = false;
 93 |       try {
 94 |         inputJson = JSON.parse(this.inputJson);
 95 |       } catch (e) {
 96 |         this.resultJson = "Invalid JSON. Please check using jsonlint.com.";
 97 |       }
 98 | 
 99 |       if (inputJson) {
100 |         try {
101 |           this.showWgs84Alert = false;
102 |           if (
103 |             Object.prototype.hasOwnProperty.call(
104 |               inputJson,
105 |               "spatialReference"
106 |             ) &&
107 |             Object.prototype.hasOwnProperty.call(
108 |               inputJson.spatialReference,
109 |               "wkid"
110 |             ) &&
111 |             inputJson.spatialReference.wkid !== 4326
112 |           ) {
113 |             this.showWgs84Alert = true;
114 |           }
115 |           // if this is an object, assume FeatureSet. If array, assume array of features.
116 |           let features = inputJson;
117 |           if (!Array.isArray(inputJson)) {
118 |             features = inputJson.features;
119 |           }
120 |           const geoJsonFeatures = features.map((feature, i) => {
121 |             let f = arcgisToGeoJSON(feature);
122 |             f.id = i;
123 |             return f;
124 |           });
125 | 
126 |           let featureCollection = {
127 |             type: "FeatureCollection",
128 |             features: geoJsonFeatures,
129 |           };
130 | 
131 |           this.resultJson = featureCollection;
132 |           this.$emit("geojson", featureCollection);
133 |         } catch (e) {
134 |           this.resultJson = "Invalid input.";
135 |         }
136 |       }
137 |     },
138 |     onCopy() {
139 |       this.copyText = "Copied";
140 |       setTimeout(() => {
141 |         this.copyText = this.originalCopyText;
142 |       }, 2000);
143 |     },
144 |     onError() {
145 |       this.copyText = "Can not copy";
146 |     },
147 |   },
148 | };
149 | </script>
150 | 
151 | <style lang="scss" scoped>
152 | textarea {
153 |   font-family: "Roboto Mono", monospace;
154 | }
155 | </style>
156 | 


--------------------------------------------------------------------------------
/src/components/LeafletMap.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="component"></div>
  3 | </template>
  4 | 
  5 | <script>
  6 | import L from "leaflet";
  7 | import * as esri from "esri-leaflet";
  8 | L.esri = esri;
  9 | 
 10 | // BUG https://github.com/Leaflet/Leaflet/issues/4968#issuecomment-319569682
 11 | import iconRetinaUrl from "leaflet/dist/images/marker-icon-2x.png";
 12 | import iconUrl from "leaflet/dist/images/marker-icon.png";
 13 | import shadowUrl from "leaflet/dist/images/marker-shadow.png";
 14 | L.Marker.prototype.options.icon = L.icon({
 15 |   iconRetinaUrl,
 16 |   iconUrl,
 17 |   shadowUrl,
 18 |   iconSize: [25, 41],
 19 |   iconAnchor: [12, 41],
 20 |   popupAnchor: [1, -34],
 21 |   tooltipAnchor: [16, -28],
 22 |   shadowSize: [41, 41],
 23 | });
 24 | 
 25 | export default {
 26 |   name: "LeafletMap",
 27 |   data() {
 28 |     return {};
 29 |   },
 30 |   components: {},
 31 |   props: {
 32 |     options: {
 33 |       type: Object,
 34 |       default: () => ({}),
 35 |     },
 36 |     minZoom: {
 37 |       type: Number,
 38 |       default: undefined,
 39 |     },
 40 |     maxZoom: {
 41 |       type: Number,
 42 |       default: undefined,
 43 |     },
 44 |     center: {
 45 |       type: Array,
 46 |       default: function() {
 47 |         return [-122, 38];
 48 |       },
 49 |     },
 50 |     zoom: {
 51 |       type: Number,
 52 |       default: 8,
 53 |     },
 54 |     // basemap: {
 55 |     //   type: String,
 56 |     //   required: true,
 57 |     //   default: 'streets',
 58 |     // },
 59 | 
 60 |     geojson: {
 61 |       // type: Object,
 62 |       default: () => ({}),
 63 |     },
 64 |   },
 65 | 
 66 |   watch: {
 67 |     geojson: {
 68 |       handler(newVal) {
 69 |         if (this.layer) {
 70 |           this.mapObject.removeLayer(this.layer);
 71 |         }
 72 |         this.addGeoJSONData(newVal);
 73 |       },
 74 |       deep: true,
 75 |     },
 76 |   },
 77 | 
 78 |   mounted() {
 79 |     const options = this.options;
 80 |     Object.assign(options, {
 81 |       minZoom: this.minZoom,
 82 |       maxZoom: this.maxZoom,
 83 |     });
 84 |     if (this.center != null) {
 85 |       options.center = this.center;
 86 |     }
 87 |     if (this.zoom != null) {
 88 |       options.zoom = this.zoom;
 89 |     }
 90 | 
 91 |     this.mapObject = L.map(this.$el, options);
 92 | 
 93 |     L.esri.basemapLayer("Topographic").addTo(this.mapObject);
 94 |   },
 95 |   methods: {
 96 |     addGeoJSONData(geojsonData) {
 97 |       // cannot figure out what event to use here instead of setTimeout:
 98 |       setTimeout(
 99 |         function() {
100 |           this.mapObject.fitBounds(this.layer.getBounds());
101 |         }.bind(this),
102 |         800
103 |       );
104 | 
105 |       this.layer = L.geoJSON(geojsonData, {
106 |         onEachFeature: function(feature, layer) {
107 |           let popupString = "";
108 |           for (let key in feature.properties) {
109 |             popupString = `${popupString}<strong>${key}</strong>: ${feature.properties[key]}<br />`;
110 |           }
111 |           layer.bindPopup(popupString);
112 |         },
113 |       });
114 |       this.layer.addTo(this.mapObject);
115 |     },
116 |   },
117 | };
118 | </script>
119 | 
120 | <!-- Add "scoped" attribute to limit CSS to this component only -->
121 | <style scoped>
122 | @import "~leaflet/dist/leaflet.css";
123 | 
124 | .component {
125 |   background-color: gray;
126 |   height: 100%;
127 |   min-height: 300px;
128 | }
129 | </style>
130 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import VueClipboard from 'vue-clipboard2'
 3 | import App from './App.vue'
 4 | 
 5 | Vue.use(VueClipboard);
 6 | 
 7 | Vue.config.productionTip = false
 8 | 
 9 | new Vue({
10 |   render: h => h(App)
11 | }).$mount('#app')
12 | 


--------------------------------------------------------------------------------