├── .gitignore
├── LICENSE
├── README.md
├── build
├── 02
│ ├── Leaflet
│ │ ├── _resouce
│ │ │ ├── css
│ │ │ │ └── style.css
│ │ │ ├── js
│ │ │ │ └── script.js
│ │ │ └── main.js
│ │ ├── dist
│ │ │ ├── img
│ │ │ │ └── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
│ └── MapboxGLJS
│ │ ├── _resouce
│ │ ├── css
│ │ │ └── style.css
│ │ ├── js
│ │ │ └── script.js
│ │ └── main.js
│ │ ├── dist
│ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
├── 03-01
│ ├── Leaflet
│ │ ├── _resouce
│ │ │ ├── css
│ │ │ │ └── style.css
│ │ │ ├── js
│ │ │ │ └── script.js
│ │ │ └── main.js
│ │ ├── dist
│ │ │ ├── img
│ │ │ │ └── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
│ └── MapboxGLJS
│ │ ├── _resouce
│ │ ├── css
│ │ │ └── style.css
│ │ ├── js
│ │ │ └── script.js
│ │ └── main.js
│ │ ├── dist
│ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
├── 03-02
│ └── MapboxGLJS
│ │ ├── _resouce
│ │ ├── css
│ │ │ └── style.css
│ │ ├── js
│ │ │ └── script.js
│ │ └── main.js
│ │ ├── dist
│ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
├── 04-01
│ ├── Leaflet
│ │ ├── _resouce
│ │ │ ├── css
│ │ │ │ └── style.css
│ │ │ ├── js
│ │ │ │ └── script.js
│ │ │ └── main.js
│ │ ├── dist
│ │ │ ├── img
│ │ │ │ └── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
│ └── MapboxGLJS
│ │ ├── _resouce
│ │ ├── css
│ │ │ └── style.css
│ │ ├── js
│ │ │ └── script.js
│ │ └── main.js
│ │ ├── dist
│ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
├── 04-02
│ ├── Leaflet
│ │ ├── _resouce
│ │ │ ├── css
│ │ │ │ └── style.css
│ │ │ ├── js
│ │ │ │ └── script.js
│ │ │ └── main.js
│ │ ├── dist
│ │ │ ├── img
│ │ │ │ └── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
│ └── MapboxGLJS
│ │ ├── _resouce
│ │ ├── css
│ │ │ └── style.css
│ │ ├── js
│ │ │ └── script.js
│ │ └── main.js
│ │ ├── dist
│ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
├── 05-01
│ ├── Leaflet
│ │ ├── _resouce
│ │ │ ├── css
│ │ │ │ └── style.css
│ │ │ ├── js
│ │ │ │ └── script.js
│ │ │ └── main.js
│ │ ├── dist
│ │ │ ├── img
│ │ │ │ └── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
│ └── MapboxGLJS
│ │ ├── _resouce
│ │ ├── css
│ │ │ └── style.css
│ │ ├── js
│ │ │ └── script.js
│ │ └── main.js
│ │ ├── dist
│ │ ├── img
│ │ │ └── sample.png
│ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
├── 05-02
│ ├── Leaflet
│ │ ├── _resouce
│ │ │ ├── css
│ │ │ │ └── style.css
│ │ │ ├── js
│ │ │ │ ├── script.js
│ │ │ │ └── vector
│ │ │ │ │ ├── line.geojson
│ │ │ │ │ ├── point.geojson
│ │ │ │ │ └── polygon.geojson
│ │ │ └── main.js
│ │ ├── dist
│ │ │ ├── img
│ │ │ │ ├── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ │ ├── pin01.png
│ │ │ │ └── pin02.png
│ │ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
│ └── MapboxGLJS
│ │ ├── _resouce
│ │ ├── css
│ │ │ └── style.css
│ │ ├── js
│ │ │ ├── script.js
│ │ │ └── vector
│ │ │ │ ├── line.geojson
│ │ │ │ ├── point.geojson
│ │ │ │ └── polygon.geojson
│ │ └── main.js
│ │ ├── dist
│ │ ├── img
│ │ │ ├── pin01.png
│ │ │ ├── pin02.png
│ │ │ └── sample.png
│ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
├── 06-01
│ ├── Leaflet
│ │ ├── _resouce
│ │ │ ├── css
│ │ │ │ └── style.css
│ │ │ ├── js
│ │ │ │ ├── script.js
│ │ │ │ └── vector
│ │ │ │ │ ├── line.geojson
│ │ │ │ │ ├── point.geojson
│ │ │ │ │ └── polygon.geojson
│ │ │ └── main.js
│ │ ├── dist
│ │ │ ├── img
│ │ │ │ ├── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ │ ├── pin01.png
│ │ │ │ └── pin02.png
│ │ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
│ └── MapboxGLJS
│ │ ├── _resouce
│ │ ├── css
│ │ │ └── style.css
│ │ ├── js
│ │ │ ├── script.js
│ │ │ └── vector
│ │ │ │ ├── line.geojson
│ │ │ │ ├── point.geojson
│ │ │ │ └── polygon.geojson
│ │ └── main.js
│ │ ├── dist
│ │ ├── img
│ │ │ ├── pin01.png
│ │ │ ├── pin02.png
│ │ │ └── sample.png
│ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
├── 06-02
│ ├── Leaflet
│ │ ├── _resouce
│ │ │ ├── css
│ │ │ │ └── style.css
│ │ │ ├── js
│ │ │ │ ├── script.js
│ │ │ │ └── vector
│ │ │ │ │ ├── line.geojson
│ │ │ │ │ ├── point.geojson
│ │ │ │ │ └── polygon.geojson
│ │ │ └── main.js
│ │ ├── dist
│ │ │ ├── img
│ │ │ │ ├── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ │ ├── pin01.png
│ │ │ │ └── pin02.png
│ │ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
│ └── MapboxGLJS
│ │ ├── _resouce
│ │ ├── css
│ │ │ └── style.css
│ │ ├── js
│ │ │ ├── script.js
│ │ │ └── vector
│ │ │ │ ├── line.geojson
│ │ │ │ ├── point.geojson
│ │ │ │ └── polygon.geojson
│ │ └── main.js
│ │ ├── dist
│ │ ├── img
│ │ │ ├── pin01.png
│ │ │ ├── pin02.png
│ │ │ └── sample.png
│ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
├── 07-01
│ ├── Leaflet
│ │ ├── _resouce
│ │ │ ├── css
│ │ │ │ └── style.css
│ │ │ ├── js
│ │ │ │ ├── script.js
│ │ │ │ └── vector
│ │ │ │ │ ├── line.geojson
│ │ │ │ │ ├── point.geojson
│ │ │ │ │ └── polygon.geojson
│ │ │ └── main.js
│ │ ├── dist
│ │ │ ├── img
│ │ │ │ ├── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ │ ├── pin01.png
│ │ │ │ └── pin02.png
│ │ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
│ └── MapboxGLJS
│ │ ├── _resouce
│ │ ├── css
│ │ │ └── style.css
│ │ ├── js
│ │ │ ├── script.js
│ │ │ └── vector
│ │ │ │ ├── line.geojson
│ │ │ │ ├── point.geojson
│ │ │ │ └── polygon.geojson
│ │ └── main.js
│ │ ├── dist
│ │ ├── img
│ │ │ ├── pin01.png
│ │ │ ├── pin02.png
│ │ │ └── sample.png
│ │ └── index.html
│ │ ├── package.json
│ │ └── webpack.config.js
└── 07-02
│ ├── Leaflet
│ ├── _resouce
│ │ ├── css
│ │ │ └── style.css
│ │ ├── js
│ │ │ ├── script.js
│ │ │ └── vector
│ │ │ │ ├── line.geojson
│ │ │ │ ├── point.geojson
│ │ │ │ └── polygon.geojson
│ │ └── main.js
│ ├── dist
│ │ ├── img
│ │ │ ├── icon
│ │ │ │ ├── layers-2x.png
│ │ │ │ ├── layers.png
│ │ │ │ ├── marker-icon-2x.png
│ │ │ │ ├── marker-icon.png
│ │ │ │ └── marker-shadow.png
│ │ │ ├── pin01.png
│ │ │ └── pin02.png
│ │ └── index.html
│ ├── package.json
│ └── webpack.config.js
│ └── MapboxGLJS
│ ├── _resouce
│ ├── css
│ │ └── style.css
│ ├── js
│ │ ├── script.js
│ │ └── vector
│ │ │ ├── line.geojson
│ │ │ ├── point.geojson
│ │ │ └── polygon.geojson
│ └── main.js
│ ├── dist
│ ├── img
│ │ ├── pin01.png
│ │ ├── pin02.png
│ │ └── sample.png
│ └── index.html
│ ├── package.json
│ └── webpack.config.js
├── docs
├── app.js
├── demo
│ ├── 02
│ │ ├── Leaflet
│ │ │ ├── app.js
│ │ │ ├── img
│ │ │ │ └── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ └── index.html
│ │ └── MapboxGLJS
│ │ │ ├── app.js
│ │ │ └── index.html
│ ├── 03-01
│ │ ├── Leaflet
│ │ │ ├── app.js
│ │ │ ├── img
│ │ │ │ └── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ └── index.html
│ │ └── MapboxGLJS
│ │ │ ├── app.js
│ │ │ └── index.html
│ ├── 03-02
│ │ └── MapboxGLJS
│ │ │ ├── app.js
│ │ │ └── index.html
│ ├── 04-01
│ │ ├── Leaflet
│ │ │ ├── app.js
│ │ │ ├── img
│ │ │ │ └── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ └── index.html
│ │ └── MapboxGLJS
│ │ │ ├── app.js
│ │ │ └── index.html
│ ├── 04-02
│ │ ├── Leaflet
│ │ │ ├── app.js
│ │ │ ├── img
│ │ │ │ └── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ └── index.html
│ │ └── MapboxGLJS
│ │ │ ├── app.js
│ │ │ └── index.html
│ ├── 05-01
│ │ ├── Leaflet
│ │ │ ├── app.js
│ │ │ ├── img
│ │ │ │ └── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ └── index.html
│ │ └── MapboxGLJS
│ │ │ ├── app.js
│ │ │ ├── img
│ │ │ └── sample.png
│ │ │ └── index.html
│ ├── 05-02
│ │ ├── Leaflet
│ │ │ ├── app.js
│ │ │ ├── img
│ │ │ │ ├── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ │ ├── pin01.png
│ │ │ │ └── pin02.png
│ │ │ └── index.html
│ │ └── MapboxGLJS
│ │ │ ├── app.js
│ │ │ ├── img
│ │ │ ├── pin01.png
│ │ │ ├── pin02.png
│ │ │ └── sample.png
│ │ │ └── index.html
│ ├── 06-01
│ │ ├── Leaflet
│ │ │ ├── app.js
│ │ │ ├── img
│ │ │ │ ├── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ │ ├── pin01.png
│ │ │ │ └── pin02.png
│ │ │ └── index.html
│ │ └── MapboxGLJS
│ │ │ ├── app.js
│ │ │ ├── img
│ │ │ ├── pin01.png
│ │ │ ├── pin02.png
│ │ │ └── sample.png
│ │ │ └── index.html
│ ├── 06-02
│ │ ├── Leaflet
│ │ │ ├── app.js
│ │ │ ├── img
│ │ │ │ ├── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ │ ├── pin01.png
│ │ │ │ └── pin02.png
│ │ │ └── index.html
│ │ └── MapboxGLJS
│ │ │ ├── app.js
│ │ │ ├── img
│ │ │ ├── pin01.png
│ │ │ ├── pin02.png
│ │ │ └── sample.png
│ │ │ └── index.html
│ ├── 07-01
│ │ ├── Leaflet
│ │ │ ├── app.js
│ │ │ ├── img
│ │ │ │ ├── icon
│ │ │ │ │ ├── layers-2x.png
│ │ │ │ │ ├── layers.png
│ │ │ │ │ ├── marker-icon-2x.png
│ │ │ │ │ ├── marker-icon.png
│ │ │ │ │ └── marker-shadow.png
│ │ │ │ ├── pin01.png
│ │ │ │ └── pin02.png
│ │ │ └── index.html
│ │ └── MapboxGLJS
│ │ │ ├── app.js
│ │ │ ├── img
│ │ │ ├── pin01.png
│ │ │ ├── pin02.png
│ │ │ └── sample.png
│ │ │ └── index.html
│ └── 07-02
│ │ ├── Leaflet
│ │ ├── 2a18dc4e07bcc9c870bf5e825ad290bd.svg
│ │ ├── 674f50d287a8c48dc19ba404d20fe713.eot
│ │ ├── af7ae505a9eed503f8b8e6982036873e.woff2
│ │ ├── app.js
│ │ ├── b06871f281fee6b241d60582ae9369b9.ttf
│ │ ├── fee66e712a8a08eef5805a46892932ad.woff
│ │ ├── img
│ │ │ ├── icon
│ │ │ │ ├── layers-2x.png
│ │ │ │ ├── layers.png
│ │ │ │ ├── marker-icon-2x.png
│ │ │ │ ├── marker-icon.png
│ │ │ │ └── marker-shadow.png
│ │ │ ├── pin01.png
│ │ │ └── pin02.png
│ │ └── index.html
│ │ └── MapboxGLJS
│ │ ├── app.js
│ │ ├── img
│ │ ├── pin01.png
│ │ ├── pin02.png
│ │ └── sample.png
│ │ └── index.html
└── index.html
├── img
├── README01.png
├── README02.png
└── README03.png
└── simple
├── 02
├── Leaflet
│ ├── css
│ │ └── style.css
│ ├── index.html
│ └── js
│ │ └── app.js
└── MapboxGLJS
│ ├── css
│ └── style.css
│ ├── index.html
│ └── js
│ └── app.js
├── 03-01
├── Leaflet
│ ├── css
│ │ └── style.css
│ ├── index.html
│ └── js
│ │ └── app.js
└── MapboxGLJS
│ ├── css
│ └── style.css
│ ├── index.html
│ └── js
│ └── app.js
├── 03-02
└── MapboxGLJS
│ ├── css
│ └── style.css
│ ├── index.html
│ └── js
│ └── app.js
├── 04-01
├── Leaflet
│ ├── css
│ │ └── style.css
│ ├── index.html
│ └── js
│ │ └── app.js
└── MapboxGLJS
│ ├── css
│ └── style.css
│ ├── index.html
│ └── js
│ └── app.js
├── 04-02
├── Leaflet
│ ├── css
│ │ └── style.css
│ ├── index.html
│ └── js
│ │ └── app.js
└── MapboxGLJS
│ ├── css
│ └── style.css
│ ├── index.html
│ └── js
│ └── app.js
├── 05-01
├── Leaflet
│ ├── css
│ │ └── style.css
│ ├── index.html
│ └── js
│ │ └── app.js
└── MapboxGLJS
│ ├── css
│ └── style.css
│ ├── img
│ └── sample.png
│ ├── index.html
│ └── js
│ └── app.js
├── 05-02
├── Leaflet
│ ├── css
│ │ └── style.css
│ ├── img
│ │ ├── pin01.png
│ │ └── pin02.png
│ ├── index.html
│ ├── js
│ │ └── app.js
│ └── vector
│ │ ├── line.geojson
│ │ ├── point.geojson
│ │ └── polygon.geojson
└── MapboxGLJS
│ ├── css
│ └── style.css
│ ├── img
│ ├── pin01.png
│ ├── pin02.png
│ └── sample.png
│ ├── index.html
│ ├── js
│ └── app.js
│ └── vector
│ ├── line.geojson
│ ├── point.geojson
│ └── polygon.geojson
├── 06-01
├── Leaflet
│ ├── css
│ │ └── style.css
│ ├── img
│ │ ├── pin01.png
│ │ └── pin02.png
│ ├── index.html
│ ├── js
│ │ └── app.js
│ └── vector
│ │ ├── line.geojson
│ │ ├── point.geojson
│ │ └── polygon.geojson
└── MapboxGLJS
│ ├── css
│ └── style.css
│ ├── img
│ ├── pin01.png
│ ├── pin02.png
│ └── sample.png
│ ├── index.html
│ ├── js
│ └── app.js
│ └── vector
│ ├── line.geojson
│ ├── point.geojson
│ └── polygon.geojson
├── 06-02
├── Leaflet
│ ├── css
│ │ └── style.css
│ ├── img
│ │ ├── pin01.png
│ │ └── pin02.png
│ ├── index.html
│ ├── js
│ │ └── app.js
│ └── vector
│ │ ├── line.geojson
│ │ ├── point.geojson
│ │ └── polygon.geojson
└── MapboxGLJS
│ ├── css
│ └── style.css
│ ├── img
│ ├── pin01.png
│ ├── pin02.png
│ └── sample.png
│ ├── index.html
│ ├── js
│ └── app.js
│ └── vector
│ ├── line.geojson
│ ├── point.geojson
│ └── polygon.geojson
├── 07-01
├── Leaflet
│ ├── css
│ │ └── style.css
│ ├── img
│ │ ├── pin01.png
│ │ └── pin02.png
│ ├── index.html
│ ├── js
│ │ └── app.js
│ ├── plugin
│ │ └── leaflet-hash
│ │ │ ├── .gitignore
│ │ │ ├── LICENSE.md
│ │ │ ├── README.md
│ │ │ ├── leaflet-hash.js
│ │ │ ├── lib
│ │ │ └── leaflet-src.js
│ │ │ ├── package.json
│ │ │ ├── screenshots
│ │ │ └── screenshot.png
│ │ │ └── test
│ │ │ ├── index.html
│ │ │ └── spec
│ │ │ └── hash.js
│ └── vector
│ │ ├── line.geojson
│ │ ├── point.geojson
│ │ └── polygon.geojson
└── MapboxGLJS
│ ├── css
│ └── style.css
│ ├── img
│ ├── pin01.png
│ ├── pin02.png
│ └── sample.png
│ ├── index.html
│ ├── js
│ └── app.js
│ └── vector
│ ├── line.geojson
│ ├── point.geojson
│ └── polygon.geojson
└── 07-02
├── Leaflet
├── css
│ └── style.css
├── img
│ ├── pin01.png
│ └── pin02.png
├── index.html
├── js
│ └── app.js
├── plugin
│ ├── leaflet-hash
│ │ ├── .gitignore
│ │ ├── LICENSE.md
│ │ ├── README.md
│ │ ├── leaflet-hash.js
│ │ ├── lib
│ │ │ └── leaflet-src.js
│ │ ├── package.json
│ │ ├── screenshots
│ │ │ └── screenshot.png
│ │ └── test
│ │ │ ├── index.html
│ │ │ └── spec
│ │ │ └── hash.js
│ └── leaflet-locatecontrol
│ │ ├── .gitignore
│ │ ├── .npmignore
│ │ ├── CHANGELOG.md
│ │ ├── Gruntfile.js
│ │ ├── LICENSE
│ │ ├── README.md
│ │ ├── bower.json
│ │ ├── demo
│ │ ├── index.html
│ │ └── script.js
│ │ ├── demo_mapbox
│ │ ├── index.html
│ │ └── script.js
│ │ ├── dist
│ │ ├── L.Control.Locate.css
│ │ ├── L.Control.Locate.mapbox.css
│ │ ├── L.Control.Locate.mapbox.min.css
│ │ ├── L.Control.Locate.mapbox.min.css.map
│ │ ├── L.Control.Locate.min.css
│ │ ├── L.Control.Locate.min.css.map
│ │ ├── L.Control.Locate.min.js
│ │ └── L.Control.Locate.min.js.map
│ │ ├── package.json
│ │ ├── screenshot.png
│ │ ├── src
│ │ ├── L.Control.Locate.js
│ │ ├── L.Control.Locate.mapbox.scss
│ │ └── L.Control.Locate.scss
│ │ └── yarn.lock
└── vector
│ ├── line.geojson
│ ├── point.geojson
│ └── polygon.geojson
└── MapboxGLJS
├── css
└── style.css
├── img
├── pin01.png
├── pin02.png
└── sample.png
├── index.html
├── js
└── app.js
└── vector
├── line.geojson
├── point.geojson
└── polygon.geojson
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | .node-version
3 | .DS_Store
4 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2019 Yasunori Kirimoto
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.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # JavaScriptではじめるWebマップアプリケーション
2 |
3 | 
4 |
5 |
6 |
7 | 技術書典6で販売する書籍のサンプルデータ用のリポジトリです。
8 |
9 | [詳細情報](https://techbookfest.org/event/tbf06/circle/64070001)
10 |
11 |
12 |
13 | ## サンプル一覧
14 | 書籍で紹介しているサンプルデータ一式を格納
15 |
16 | simpleディレクトリ
17 | - シンプル環境のサンプルデータ一式格納
18 |
19 | buildディレクトリ
20 | - ビルド環境のサンプルデータ一式格納
21 |
22 | 
23 |
24 | 利用データ
25 | - 室蘭市オープンデータ(CC BY)
26 |
27 |
28 |
29 | ## デモサイト
30 | 書籍で紹介しているサンプルのデモを確認
31 |
32 | [デモサイト](https://dayjournal.github.io/JSWebMapApp)
33 |
34 | 
35 |
36 |
37 |
38 | ## ライセンス
39 | MIT
40 |
41 | Copyright (c) 2019 Yasunori Kirimoto
42 |
43 |
44 |
--------------------------------------------------------------------------------
/build/02/Leaflet/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
--------------------------------------------------------------------------------
/build/02/Leaflet/_resouce/js/script.js:
--------------------------------------------------------------------------------
1 | //デフォルトアイコンパス
2 | L.Icon.Default.imagePath = 'img/icon/';
3 |
4 | //MIERUNE Color読み込み
5 | var m_color = new L.tileLayer('https://tile.mierune.co.jp/mierune/{z}/{x}/{y}.png', {
6 | attribution: "Maptiles by MIERUNE, under CC BY. Data by OpenStreetMap contributors, under ODbL."
7 | });
8 |
9 | //MIERUNE MONO読み込み
10 | var m_mono = new L.tileLayer('https://tile.mierune.co.jp/mierune_mono/{z}/{x}/{y}.png', {
11 | attribution: "Maptiles by MIERUNE, under CC BY. Data by OpenStreetMap contributors, under ODbL."
12 | });
13 |
14 | //経緯度設定
15 | var lat = 35.681;
16 | var lng = 139.763;
17 |
18 | //MAP読み込み
19 | var map = L.map('map', {
20 | center: [lat, lng],
21 | zoom: 14,
22 | zoomControl: true,
23 | layers: [m_mono]
24 | });
25 |
26 | //背景レイヤ
27 | var Map_BaseLayer = {
28 | "MIERUNE Color": m_color,
29 | "MIERUNE MONO": m_mono
30 | };
31 |
32 | //レイヤ設定
33 | L.control.layers(
34 | Map_BaseLayer,
35 | null
36 | ).addTo(map);
37 |
38 | //スケール設定
39 | L.control.scale({
40 | imperial: false,
41 | maxWidth: 300
42 | }).addTo(map);
43 |
--------------------------------------------------------------------------------
/build/02/Leaflet/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "leaflet/dist/leaflet.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/02/Leaflet/dist/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/02/Leaflet/dist/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/build/02/Leaflet/dist/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/02/Leaflet/dist/img/icon/layers.png
--------------------------------------------------------------------------------
/build/02/Leaflet/dist/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/02/Leaflet/dist/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/build/02/Leaflet/dist/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/02/Leaflet/dist/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/build/02/Leaflet/dist/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/02/Leaflet/dist/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/build/02/Leaflet/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/build/02/Leaflet/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "leaflet-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "leaflet": "^1.3.4",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2"
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/build/02/Leaflet/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.css$/,
14 | loaders: ['style-loader', 'css-loader']
15 | },
16 | {
17 | test: /\.(png|svg|jpg|gif)$/,
18 | use: {
19 | loader: 'url-loader',
20 | options: {
21 | name: './dist/img/icon/[name].[ext]'
22 | }
23 | }
24 | }
25 | ]
26 | },
27 | plugins: [
28 | new webpack.ProvidePlugin({
29 | L: 'leaflet'
30 | })
31 | ],
32 | devServer: {
33 | contentBase: __dirname + '/dist',
34 | publicPath: '/',
35 | watchContentBase: true,
36 | open: true
37 | }
38 | };
39 |
40 |
--------------------------------------------------------------------------------
/build/02/MapboxGLJS/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
--------------------------------------------------------------------------------
/build/02/MapboxGLJS/_resouce/js/script.js:
--------------------------------------------------------------------------------
1 |
2 | // MIERUNE MONO読み込み
3 | var map = new mapboxgl.Map({
4 | container: "map",
5 | style: {
6 | "version": 8,
7 | "sources": {
8 | "MIERUNEMAP": {
9 | "type": "raster",
10 | "tiles": ['https://tile.mierune.co.jp/mierune_mono/{z}/{x}/{y}.png'],
11 | "tileSize": 256
12 | }
13 | },
14 | "layers": [{
15 | "id": "MIERUNEMAP",
16 | "type": "raster",
17 | "source": "MIERUNEMAP",
18 | "minzoom": 0,
19 | "maxzoom": 18
20 | }]
21 | },
22 | center: [139.767, 35.681],
23 | zoom: 11
24 | });
25 |
26 | // コントロール関係表示
27 | map.addControl(new mapboxgl.NavigationControl());
28 |
--------------------------------------------------------------------------------
/build/02/MapboxGLJS/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "mapbox-gl/dist/mapbox-gl.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/02/MapboxGLJS/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/build/02/MapboxGLJS/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mapboxgljs-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "mapbox-gl": "^0.50.0",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2"
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/build/02/MapboxGLJS/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.css$/,
14 | loaders: ['style-loader', 'css-loader']
15 | },
16 | {
17 | test: /\.(png|svg|jpg|gif)$/,
18 | use: {
19 | loader: 'url-loader',
20 | options: {
21 | name: './dist/img/icon/[name].[ext]'
22 | }
23 | }
24 | }
25 | ]
26 | },
27 | plugins: [
28 | new webpack.ProvidePlugin({
29 | mapboxgl: 'mapbox-gl'
30 | })
31 | ],
32 | devServer: {
33 | contentBase: __dirname + '/dist',
34 | publicPath: '/',
35 | watchContentBase: true,
36 | open: true
37 | }
38 | };
39 |
40 |
--------------------------------------------------------------------------------
/build/03-01/Leaflet/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
--------------------------------------------------------------------------------
/build/03-01/Leaflet/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "leaflet/dist/leaflet.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/03-01/Leaflet/dist/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/03-01/Leaflet/dist/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/build/03-01/Leaflet/dist/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/03-01/Leaflet/dist/img/icon/layers.png
--------------------------------------------------------------------------------
/build/03-01/Leaflet/dist/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/03-01/Leaflet/dist/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/build/03-01/Leaflet/dist/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/03-01/Leaflet/dist/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/build/03-01/Leaflet/dist/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/03-01/Leaflet/dist/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/build/03-01/Leaflet/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/build/03-01/Leaflet/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "leaflet-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "leaflet": "^1.3.4",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2"
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/build/03-01/Leaflet/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.css$/,
14 | loaders: ['style-loader', 'css-loader']
15 | },
16 | {
17 | test: /\.(png|svg|jpg|gif)$/,
18 | use: {
19 | loader: 'url-loader',
20 | options: {
21 | name: './dist/img/icon/[name].[ext]'
22 | }
23 | }
24 | }
25 | ]
26 | },
27 | plugins: [
28 | new webpack.ProvidePlugin({
29 | L: 'leaflet'
30 | })
31 | ],
32 | devServer: {
33 | contentBase: __dirname + '/dist',
34 | publicPath: '/',
35 | watchContentBase: true,
36 | open: true
37 | }
38 | };
39 |
40 |
--------------------------------------------------------------------------------
/build/03-01/MapboxGLJS/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
--------------------------------------------------------------------------------
/build/03-01/MapboxGLJS/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "mapbox-gl/dist/mapbox-gl.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/03-01/MapboxGLJS/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/build/03-01/MapboxGLJS/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mapboxgljs-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "mapbox-gl": "^0.50.0",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2"
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/build/03-01/MapboxGLJS/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.css$/,
14 | loaders: ['style-loader', 'css-loader']
15 | },
16 | {
17 | test: /\.(png|svg|jpg|gif)$/,
18 | use: {
19 | loader: 'url-loader',
20 | options: {
21 | name: './dist/img/icon/[name].[ext]'
22 | }
23 | }
24 | }
25 | ]
26 | },
27 | plugins: [
28 | new webpack.ProvidePlugin({
29 | mapboxgl: 'mapbox-gl'
30 | })
31 | ],
32 | devServer: {
33 | contentBase: __dirname + '/dist',
34 | publicPath: '/',
35 | watchContentBase: true,
36 | open: true
37 | }
38 | };
39 |
40 |
--------------------------------------------------------------------------------
/build/03-02/MapboxGLJS/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
--------------------------------------------------------------------------------
/build/03-02/MapboxGLJS/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "mapbox-gl/dist/mapbox-gl.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/03-02/MapboxGLJS/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/build/03-02/MapboxGLJS/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mapboxgljs-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "mapbox-gl": "^0.50.0",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2"
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/build/03-02/MapboxGLJS/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.css$/,
14 | loaders: ['style-loader', 'css-loader']
15 | },
16 | {
17 | test: /\.(png|svg|jpg|gif)$/,
18 | use: {
19 | loader: 'url-loader',
20 | options: {
21 | name: './dist/img/icon/[name].[ext]'
22 | }
23 | }
24 | }
25 | ]
26 | },
27 | plugins: [
28 | new webpack.ProvidePlugin({
29 | mapboxgl: 'mapbox-gl'
30 | })
31 | ],
32 | devServer: {
33 | contentBase: __dirname + '/dist',
34 | publicPath: '/',
35 | watchContentBase: true,
36 | open: true
37 | }
38 | };
39 |
40 |
--------------------------------------------------------------------------------
/build/04-01/Leaflet/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
--------------------------------------------------------------------------------
/build/04-01/Leaflet/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "leaflet/dist/leaflet.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/04-01/Leaflet/dist/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/04-01/Leaflet/dist/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/build/04-01/Leaflet/dist/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/04-01/Leaflet/dist/img/icon/layers.png
--------------------------------------------------------------------------------
/build/04-01/Leaflet/dist/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/04-01/Leaflet/dist/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/build/04-01/Leaflet/dist/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/04-01/Leaflet/dist/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/build/04-01/Leaflet/dist/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/04-01/Leaflet/dist/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/build/04-01/Leaflet/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/build/04-01/Leaflet/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "leaflet-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "leaflet": "^1.3.4",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2"
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/build/04-01/Leaflet/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.css$/,
14 | loaders: ['style-loader', 'css-loader']
15 | },
16 | {
17 | test: /\.(png|svg|jpg|gif)$/,
18 | use: {
19 | loader: 'url-loader',
20 | options: {
21 | name: './dist/img/icon/[name].[ext]'
22 | }
23 | }
24 | }
25 | ]
26 | },
27 | plugins: [
28 | new webpack.ProvidePlugin({
29 | L: 'leaflet'
30 | })
31 | ],
32 | devServer: {
33 | contentBase: __dirname + '/dist',
34 | publicPath: '/',
35 | watchContentBase: true,
36 | open: true
37 | }
38 | };
39 |
40 |
--------------------------------------------------------------------------------
/build/04-01/MapboxGLJS/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
--------------------------------------------------------------------------------
/build/04-01/MapboxGLJS/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "mapbox-gl/dist/mapbox-gl.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/04-01/MapboxGLJS/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/build/04-01/MapboxGLJS/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mapboxgljs-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "mapbox-gl": "^0.50.0",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2"
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/build/04-01/MapboxGLJS/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.css$/,
14 | loaders: ['style-loader', 'css-loader']
15 | },
16 | {
17 | test: /\.(png|svg|jpg|gif)$/,
18 | use: {
19 | loader: 'url-loader',
20 | options: {
21 | name: './dist/img/icon/[name].[ext]'
22 | }
23 | }
24 | }
25 | ]
26 | },
27 | plugins: [
28 | new webpack.ProvidePlugin({
29 | mapboxgl: 'mapbox-gl'
30 | })
31 | ],
32 | devServer: {
33 | contentBase: __dirname + '/dist',
34 | publicPath: '/',
35 | watchContentBase: true,
36 | open: true
37 | }
38 | };
39 |
40 |
--------------------------------------------------------------------------------
/build/04-02/Leaflet/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
--------------------------------------------------------------------------------
/build/04-02/Leaflet/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "leaflet/dist/leaflet.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/04-02/Leaflet/dist/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/04-02/Leaflet/dist/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/build/04-02/Leaflet/dist/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/04-02/Leaflet/dist/img/icon/layers.png
--------------------------------------------------------------------------------
/build/04-02/Leaflet/dist/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/04-02/Leaflet/dist/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/build/04-02/Leaflet/dist/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/04-02/Leaflet/dist/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/build/04-02/Leaflet/dist/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/04-02/Leaflet/dist/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/build/04-02/Leaflet/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/build/04-02/Leaflet/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "leaflet-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "leaflet": "^1.3.4",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2"
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/build/04-02/Leaflet/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.css$/,
14 | loaders: ['style-loader', 'css-loader']
15 | },
16 | {
17 | test: /\.(png|svg|jpg|gif)$/,
18 | use: {
19 | loader: 'url-loader',
20 | options: {
21 | name: './dist/img/icon/[name].[ext]'
22 | }
23 | }
24 | }
25 | ]
26 | },
27 | plugins: [
28 | new webpack.ProvidePlugin({
29 | L: 'leaflet'
30 | })
31 | ],
32 | devServer: {
33 | contentBase: __dirname + '/dist',
34 | publicPath: '/',
35 | watchContentBase: true,
36 | open: true
37 | }
38 | };
39 |
40 |
--------------------------------------------------------------------------------
/build/04-02/MapboxGLJS/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
--------------------------------------------------------------------------------
/build/04-02/MapboxGLJS/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "mapbox-gl/dist/mapbox-gl.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/04-02/MapboxGLJS/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/build/04-02/MapboxGLJS/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mapboxgljs-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "mapbox-gl": "^0.50.0",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2"
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/build/04-02/MapboxGLJS/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.css$/,
14 | loaders: ['style-loader', 'css-loader']
15 | },
16 | {
17 | test: /\.(png|svg|jpg|gif)$/,
18 | use: {
19 | loader: 'url-loader',
20 | options: {
21 | name: './dist/img/icon/[name].[ext]'
22 | }
23 | }
24 | }
25 | ]
26 | },
27 | plugins: [
28 | new webpack.ProvidePlugin({
29 | mapboxgl: 'mapbox-gl'
30 | })
31 | ],
32 | devServer: {
33 | contentBase: __dirname + '/dist',
34 | publicPath: '/',
35 | watchContentBase: true,
36 | open: true
37 | }
38 | };
39 |
40 |
--------------------------------------------------------------------------------
/build/05-01/Leaflet/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
--------------------------------------------------------------------------------
/build/05-01/Leaflet/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "leaflet/dist/leaflet.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/05-01/Leaflet/dist/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-01/Leaflet/dist/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/build/05-01/Leaflet/dist/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-01/Leaflet/dist/img/icon/layers.png
--------------------------------------------------------------------------------
/build/05-01/Leaflet/dist/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-01/Leaflet/dist/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/build/05-01/Leaflet/dist/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-01/Leaflet/dist/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/build/05-01/Leaflet/dist/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-01/Leaflet/dist/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/build/05-01/Leaflet/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/build/05-01/Leaflet/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "leaflet-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "leaflet": "^1.3.4",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2"
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/build/05-01/Leaflet/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.css$/,
14 | loaders: ['style-loader', 'css-loader']
15 | },
16 | {
17 | test: /\.(png|svg|jpg|gif)$/,
18 | use: {
19 | loader: 'url-loader',
20 | options: {
21 | name: './dist/img/icon/[name].[ext]'
22 | }
23 | }
24 | }
25 | ]
26 | },
27 | plugins: [
28 | new webpack.ProvidePlugin({
29 | L: 'leaflet'
30 | })
31 | ],
32 | devServer: {
33 | contentBase: __dirname + '/dist',
34 | publicPath: '/',
35 | watchContentBase: true,
36 | open: true
37 | }
38 | };
39 |
40 |
--------------------------------------------------------------------------------
/build/05-01/MapboxGLJS/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
--------------------------------------------------------------------------------
/build/05-01/MapboxGLJS/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "mapbox-gl/dist/mapbox-gl.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/05-01/MapboxGLJS/dist/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-01/MapboxGLJS/dist/img/sample.png
--------------------------------------------------------------------------------
/build/05-01/MapboxGLJS/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/build/05-01/MapboxGLJS/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mapboxgljs-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "mapbox-gl": "^0.50.0",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2"
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/build/05-01/MapboxGLJS/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.css$/,
14 | loaders: ['style-loader', 'css-loader']
15 | },
16 | {
17 | test: /\.(png|svg|jpg|gif)$/,
18 | use: {
19 | loader: 'url-loader',
20 | options: {
21 | name: './dist/img/icon/[name].[ext]'
22 | }
23 | }
24 | }
25 | ]
26 | },
27 | plugins: [
28 | new webpack.ProvidePlugin({
29 | mapboxgl: 'mapbox-gl'
30 | })
31 | ],
32 | devServer: {
33 | contentBase: __dirname + '/dist',
34 | publicPath: '/',
35 | watchContentBase: true,
36 | open: true
37 | }
38 | };
39 |
40 |
--------------------------------------------------------------------------------
/build/05-02/Leaflet/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
--------------------------------------------------------------------------------
/build/05-02/Leaflet/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "leaflet/dist/leaflet.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/05-02/Leaflet/dist/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-02/Leaflet/dist/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/build/05-02/Leaflet/dist/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-02/Leaflet/dist/img/icon/layers.png
--------------------------------------------------------------------------------
/build/05-02/Leaflet/dist/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-02/Leaflet/dist/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/build/05-02/Leaflet/dist/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-02/Leaflet/dist/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/build/05-02/Leaflet/dist/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-02/Leaflet/dist/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/build/05-02/Leaflet/dist/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-02/Leaflet/dist/img/pin01.png
--------------------------------------------------------------------------------
/build/05-02/Leaflet/dist/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-02/Leaflet/dist/img/pin02.png
--------------------------------------------------------------------------------
/build/05-02/Leaflet/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/build/05-02/Leaflet/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "leaflet-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "leaflet": "^1.3.4",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2",
24 | "json-loader": "^0.5.7"
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/build/05-02/Leaflet/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.(json|geojson)$/,
14 | loader: 'json-loader'
15 | },
16 | {
17 | test: /\.css$/,
18 | loaders: ['style-loader', 'css-loader']
19 | },
20 | {
21 | test: /\.(png|svg|jpg|gif)$/,
22 | use: {
23 | loader: 'url-loader',
24 | options: {
25 | name: './dist/img/icon/[name].[ext]'
26 | }
27 | }
28 | }
29 | ]
30 | },
31 | plugins: [
32 | new webpack.ProvidePlugin({
33 | L: 'leaflet',
34 | pointdata: './vector/point.geojson',
35 | linedata: './vector/line.geojson',
36 | polygondata: './vector/polygon.geojson'
37 | })
38 | ],
39 | devServer: {
40 | contentBase: __dirname + '/dist',
41 | publicPath: '/',
42 | watchContentBase: true,
43 | open: true
44 | }
45 | };
46 |
47 |
--------------------------------------------------------------------------------
/build/05-02/MapboxGLJS/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
52 | #menu_geojson {
53 | background: #fff;
54 | position: absolute;
55 | z-index: 1;
56 | top: 250px;
57 | right: 10px;
58 | border-radius: 3px;
59 | width: 180px;
60 | border: 1px solid rgba(0,0,0,0.4);
61 | }
62 |
63 | #menu_geojson a {
64 | font-size: 13px;
65 | color: #404040;
66 | display: block;
67 | margin: 0;
68 | padding: 10px;
69 | text-decoration: none;
70 | border-bottom: 1px solid rgba(0,0,0,0.25);
71 | text-align: center;
72 | }
73 |
74 | #menu_geojson a:last-child {
75 | border: none;
76 | }
77 |
78 | #menu_geojson a:hover {
79 | background-color: #f8f8f8;
80 | color: #404040;
81 | }
82 |
83 | #menu_geojson a.active {
84 | background-color: #8DCF3F;
85 | color: #ffffff;
86 | }
87 |
88 | #menu_geojson a.active:hover {
89 | background: #79bb2b;
90 | }
91 |
--------------------------------------------------------------------------------
/build/05-02/MapboxGLJS/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "mapbox-gl/dist/mapbox-gl.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/05-02/MapboxGLJS/dist/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-02/MapboxGLJS/dist/img/pin01.png
--------------------------------------------------------------------------------
/build/05-02/MapboxGLJS/dist/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-02/MapboxGLJS/dist/img/pin02.png
--------------------------------------------------------------------------------
/build/05-02/MapboxGLJS/dist/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/05-02/MapboxGLJS/dist/img/sample.png
--------------------------------------------------------------------------------
/build/05-02/MapboxGLJS/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/build/05-02/MapboxGLJS/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mapboxgljs-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "mapbox-gl": "^0.50.0",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2",
24 | "json-loader": "^0.5.7"
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/build/05-02/MapboxGLJS/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.(json|geojson)$/,
14 | loader: 'json-loader'
15 | },
16 | {
17 | test: /\.css$/,
18 | loaders: ['style-loader', 'css-loader']
19 | },
20 | {
21 | test: /\.(png|svg|jpg|gif)$/,
22 | use: {
23 | loader: 'url-loader',
24 | options: {
25 | name: './dist/img/icon/[name].[ext]'
26 | }
27 | }
28 | }
29 | ]
30 | },
31 | plugins: [
32 | new webpack.ProvidePlugin({
33 | mapboxgl: 'mapbox-gl',
34 | pointdata: './vector/point.geojson',
35 | linedata: './vector/line.geojson',
36 | polygondata: './vector/polygon.geojson'
37 | })
38 | ],
39 | devServer: {
40 | contentBase: __dirname + '/dist',
41 | publicPath: '/',
42 | watchContentBase: true,
43 | open: true
44 | }
45 | };
46 |
47 |
--------------------------------------------------------------------------------
/build/06-01/Leaflet/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
--------------------------------------------------------------------------------
/build/06-01/Leaflet/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "leaflet/dist/leaflet.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/06-01/Leaflet/dist/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-01/Leaflet/dist/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/build/06-01/Leaflet/dist/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-01/Leaflet/dist/img/icon/layers.png
--------------------------------------------------------------------------------
/build/06-01/Leaflet/dist/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-01/Leaflet/dist/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/build/06-01/Leaflet/dist/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-01/Leaflet/dist/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/build/06-01/Leaflet/dist/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-01/Leaflet/dist/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/build/06-01/Leaflet/dist/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-01/Leaflet/dist/img/pin01.png
--------------------------------------------------------------------------------
/build/06-01/Leaflet/dist/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-01/Leaflet/dist/img/pin02.png
--------------------------------------------------------------------------------
/build/06-01/Leaflet/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/build/06-01/Leaflet/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "leaflet-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "leaflet": "^1.3.4",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2",
24 | "json-loader": "^0.5.7"
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/build/06-01/Leaflet/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.(json|geojson)$/,
14 | loader: 'json-loader'
15 | },
16 | {
17 | test: /\.css$/,
18 | loaders: ['style-loader', 'css-loader']
19 | },
20 | {
21 | test: /\.(png|svg|jpg|gif)$/,
22 | use: {
23 | loader: 'url-loader',
24 | options: {
25 | name: './dist/img/icon/[name].[ext]'
26 | }
27 | }
28 | }
29 | ]
30 | },
31 | plugins: [
32 | new webpack.ProvidePlugin({
33 | L: 'leaflet',
34 | pointdata: './vector/point.geojson',
35 | linedata: './vector/line.geojson',
36 | polygondata: './vector/polygon.geojson'
37 | })
38 | ],
39 | devServer: {
40 | contentBase: __dirname + '/dist',
41 | publicPath: '/',
42 | watchContentBase: true,
43 | open: true
44 | }
45 | };
46 |
47 |
--------------------------------------------------------------------------------
/build/06-01/MapboxGLJS/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
52 | #menu_geojson {
53 | background: #fff;
54 | position: absolute;
55 | z-index: 1;
56 | top: 250px;
57 | right: 10px;
58 | border-radius: 3px;
59 | width: 180px;
60 | border: 1px solid rgba(0,0,0,0.4);
61 | }
62 |
63 | #menu_geojson a {
64 | font-size: 13px;
65 | color: #404040;
66 | display: block;
67 | margin: 0;
68 | padding: 10px;
69 | text-decoration: none;
70 | border-bottom: 1px solid rgba(0,0,0,0.25);
71 | text-align: center;
72 | }
73 |
74 | #menu_geojson a:last-child {
75 | border: none;
76 | }
77 |
78 | #menu_geojson a:hover {
79 | background-color: #f8f8f8;
80 | color: #404040;
81 | }
82 |
83 | #menu_geojson a.active {
84 | background-color: #8DCF3F;
85 | color: #ffffff;
86 | }
87 |
88 | #menu_geojson a.active:hover {
89 | background: #79bb2b;
90 | }
91 |
--------------------------------------------------------------------------------
/build/06-01/MapboxGLJS/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "mapbox-gl/dist/mapbox-gl.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/06-01/MapboxGLJS/dist/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-01/MapboxGLJS/dist/img/pin01.png
--------------------------------------------------------------------------------
/build/06-01/MapboxGLJS/dist/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-01/MapboxGLJS/dist/img/pin02.png
--------------------------------------------------------------------------------
/build/06-01/MapboxGLJS/dist/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-01/MapboxGLJS/dist/img/sample.png
--------------------------------------------------------------------------------
/build/06-01/MapboxGLJS/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/build/06-01/MapboxGLJS/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mapboxgljs-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "mapbox-gl": "^0.50.0",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2",
24 | "json-loader": "^0.5.7"
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/build/06-01/MapboxGLJS/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.(json|geojson)$/,
14 | loader: 'json-loader'
15 | },
16 | {
17 | test: /\.css$/,
18 | loaders: ['style-loader', 'css-loader']
19 | },
20 | {
21 | test: /\.(png|svg|jpg|gif)$/,
22 | use: {
23 | loader: 'url-loader',
24 | options: {
25 | name: './dist/img/icon/[name].[ext]'
26 | }
27 | }
28 | }
29 | ]
30 | },
31 | plugins: [
32 | new webpack.ProvidePlugin({
33 | mapboxgl: 'mapbox-gl',
34 | pointdata: './vector/point.geojson',
35 | linedata: './vector/line.geojson',
36 | polygondata: './vector/polygon.geojson'
37 | })
38 | ],
39 | devServer: {
40 | contentBase: __dirname + '/dist',
41 | publicPath: '/',
42 | watchContentBase: true,
43 | open: true
44 | }
45 | };
46 |
47 |
--------------------------------------------------------------------------------
/build/06-02/Leaflet/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
--------------------------------------------------------------------------------
/build/06-02/Leaflet/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "leaflet/dist/leaflet.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/06-02/Leaflet/dist/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-02/Leaflet/dist/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/build/06-02/Leaflet/dist/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-02/Leaflet/dist/img/icon/layers.png
--------------------------------------------------------------------------------
/build/06-02/Leaflet/dist/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-02/Leaflet/dist/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/build/06-02/Leaflet/dist/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-02/Leaflet/dist/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/build/06-02/Leaflet/dist/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-02/Leaflet/dist/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/build/06-02/Leaflet/dist/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-02/Leaflet/dist/img/pin01.png
--------------------------------------------------------------------------------
/build/06-02/Leaflet/dist/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-02/Leaflet/dist/img/pin02.png
--------------------------------------------------------------------------------
/build/06-02/Leaflet/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/build/06-02/Leaflet/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "leaflet-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "leaflet": "^1.3.4",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2",
24 | "json-loader": "^0.5.7"
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/build/06-02/Leaflet/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.(json|geojson)$/,
14 | loader: 'json-loader'
15 | },
16 | {
17 | test: /\.css$/,
18 | loaders: ['style-loader', 'css-loader']
19 | },
20 | {
21 | test: /\.(png|svg|jpg|gif)$/,
22 | use: {
23 | loader: 'url-loader',
24 | options: {
25 | name: './dist/img/icon/[name].[ext]'
26 | }
27 | }
28 | }
29 | ]
30 | },
31 | plugins: [
32 | new webpack.ProvidePlugin({
33 | L: 'leaflet',
34 | pointdata: './vector/point.geojson',
35 | linedata: './vector/line.geojson',
36 | polygondata: './vector/polygon.geojson'
37 | })
38 | ],
39 | devServer: {
40 | contentBase: __dirname + '/dist',
41 | publicPath: '/',
42 | watchContentBase: true,
43 | open: true
44 | }
45 | };
46 |
47 |
--------------------------------------------------------------------------------
/build/06-02/MapboxGLJS/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
52 | #menu_geojson {
53 | background: #fff;
54 | position: absolute;
55 | z-index: 1;
56 | top: 250px;
57 | right: 10px;
58 | border-radius: 3px;
59 | width: 180px;
60 | border: 1px solid rgba(0,0,0,0.4);
61 | }
62 |
63 | #menu_geojson a {
64 | font-size: 13px;
65 | color: #404040;
66 | display: block;
67 | margin: 0;
68 | padding: 10px;
69 | text-decoration: none;
70 | border-bottom: 1px solid rgba(0,0,0,0.25);
71 | text-align: center;
72 | }
73 |
74 | #menu_geojson a:last-child {
75 | border: none;
76 | }
77 |
78 | #menu_geojson a:hover {
79 | background-color: #f8f8f8;
80 | color: #404040;
81 | }
82 |
83 | #menu_geojson a.active {
84 | background-color: #8DCF3F;
85 | color: #ffffff;
86 | }
87 |
88 | #menu_geojson a.active:hover {
89 | background: #79bb2b;
90 | }
91 |
--------------------------------------------------------------------------------
/build/06-02/MapboxGLJS/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "mapbox-gl/dist/mapbox-gl.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/06-02/MapboxGLJS/dist/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-02/MapboxGLJS/dist/img/pin01.png
--------------------------------------------------------------------------------
/build/06-02/MapboxGLJS/dist/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-02/MapboxGLJS/dist/img/pin02.png
--------------------------------------------------------------------------------
/build/06-02/MapboxGLJS/dist/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/06-02/MapboxGLJS/dist/img/sample.png
--------------------------------------------------------------------------------
/build/06-02/MapboxGLJS/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/build/06-02/MapboxGLJS/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mapboxgljs-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "mapbox-gl": "^0.50.0",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2",
24 | "json-loader": "^0.5.7"
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/build/06-02/MapboxGLJS/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.(json|geojson)$/,
14 | loader: 'json-loader'
15 | },
16 | {
17 | test: /\.css$/,
18 | loaders: ['style-loader', 'css-loader']
19 | },
20 | {
21 | test: /\.(png|svg|jpg|gif)$/,
22 | use: {
23 | loader: 'url-loader',
24 | options: {
25 | name: './dist/img/icon/[name].[ext]'
26 | }
27 | }
28 | }
29 | ]
30 | },
31 | plugins: [
32 | new webpack.ProvidePlugin({
33 | mapboxgl: 'mapbox-gl',
34 | pointdata: './vector/point.geojson',
35 | linedata: './vector/line.geojson',
36 | polygondata: './vector/polygon.geojson'
37 | })
38 | ],
39 | devServer: {
40 | contentBase: __dirname + '/dist',
41 | publicPath: '/',
42 | watchContentBase: true,
43 | open: true
44 | }
45 | };
46 |
47 |
--------------------------------------------------------------------------------
/build/07-01/Leaflet/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
--------------------------------------------------------------------------------
/build/07-01/Leaflet/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "leaflet/dist/leaflet.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import 'leaflet-hash';
7 | import './js/script.js';
8 |
--------------------------------------------------------------------------------
/build/07-01/Leaflet/dist/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-01/Leaflet/dist/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/build/07-01/Leaflet/dist/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-01/Leaflet/dist/img/icon/layers.png
--------------------------------------------------------------------------------
/build/07-01/Leaflet/dist/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-01/Leaflet/dist/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/build/07-01/Leaflet/dist/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-01/Leaflet/dist/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/build/07-01/Leaflet/dist/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-01/Leaflet/dist/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/build/07-01/Leaflet/dist/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-01/Leaflet/dist/img/pin01.png
--------------------------------------------------------------------------------
/build/07-01/Leaflet/dist/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-01/Leaflet/dist/img/pin02.png
--------------------------------------------------------------------------------
/build/07-01/Leaflet/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/build/07-01/Leaflet/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "leaflet-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "leaflet": "^1.3.4",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2",
24 | "json-loader": "^0.5.7",
25 | "leaflet-hash": "^0.2.1"
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/build/07-01/Leaflet/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.(json|geojson)$/,
14 | loader: 'json-loader'
15 | },
16 | {
17 | test: /\.css$/,
18 | loaders: ['style-loader', 'css-loader']
19 | },
20 | {
21 | test: /\.(png|svg|jpg|gif)$/,
22 | use: {
23 | loader: 'url-loader',
24 | options: {
25 | name: './dist/img/icon/[name].[ext]'
26 | }
27 | }
28 | }
29 | ]
30 | },
31 | plugins: [
32 | new webpack.ProvidePlugin({
33 | L: 'leaflet',
34 | pointdata: './vector/point.geojson',
35 | linedata: './vector/line.geojson',
36 | polygondata: './vector/polygon.geojson'
37 | })
38 | ],
39 | devServer: {
40 | contentBase: __dirname + '/dist',
41 | publicPath: '/',
42 | watchContentBase: true,
43 | open: true
44 | }
45 | };
46 |
47 |
--------------------------------------------------------------------------------
/build/07-01/MapboxGLJS/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
52 | #menu_geojson {
53 | background: #fff;
54 | position: absolute;
55 | z-index: 1;
56 | top: 250px;
57 | right: 10px;
58 | border-radius: 3px;
59 | width: 180px;
60 | border: 1px solid rgba(0,0,0,0.4);
61 | }
62 |
63 | #menu_geojson a {
64 | font-size: 13px;
65 | color: #404040;
66 | display: block;
67 | margin: 0;
68 | padding: 10px;
69 | text-decoration: none;
70 | border-bottom: 1px solid rgba(0,0,0,0.25);
71 | text-align: center;
72 | }
73 |
74 | #menu_geojson a:last-child {
75 | border: none;
76 | }
77 |
78 | #menu_geojson a:hover {
79 | background-color: #f8f8f8;
80 | color: #404040;
81 | }
82 |
83 | #menu_geojson a.active {
84 | background-color: #8DCF3F;
85 | color: #ffffff;
86 | }
87 |
88 | #menu_geojson a.active:hover {
89 | background: #79bb2b;
90 | }
91 |
--------------------------------------------------------------------------------
/build/07-01/MapboxGLJS/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "mapbox-gl/dist/mapbox-gl.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/07-01/MapboxGLJS/dist/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-01/MapboxGLJS/dist/img/pin01.png
--------------------------------------------------------------------------------
/build/07-01/MapboxGLJS/dist/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-01/MapboxGLJS/dist/img/pin02.png
--------------------------------------------------------------------------------
/build/07-01/MapboxGLJS/dist/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-01/MapboxGLJS/dist/img/sample.png
--------------------------------------------------------------------------------
/build/07-01/MapboxGLJS/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/build/07-01/MapboxGLJS/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mapboxgljs-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "mapbox-gl": "^0.50.0",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2",
24 | "json-loader": "^0.5.7"
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/build/07-01/MapboxGLJS/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.(json|geojson)$/,
14 | loader: 'json-loader'
15 | },
16 | {
17 | test: /\.css$/,
18 | loaders: ['style-loader', 'css-loader']
19 | },
20 | {
21 | test: /\.(png|svg|jpg|gif)$/,
22 | use: {
23 | loader: 'url-loader',
24 | options: {
25 | name: './dist/img/icon/[name].[ext]'
26 | }
27 | }
28 | }
29 | ]
30 | },
31 | plugins: [
32 | new webpack.ProvidePlugin({
33 | mapboxgl: 'mapbox-gl',
34 | pointdata: './vector/point.geojson',
35 | linedata: './vector/line.geojson',
36 | polygondata: './vector/polygon.geojson'
37 | })
38 | ],
39 | devServer: {
40 | contentBase: __dirname + '/dist',
41 | publicPath: '/',
42 | watchContentBase: true,
43 | open: true
44 | }
45 | };
46 |
47 |
--------------------------------------------------------------------------------
/build/07-02/Leaflet/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
--------------------------------------------------------------------------------
/build/07-02/Leaflet/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "leaflet/dist/leaflet.css";
3 | import "leaflet.locatecontrol/dist/L.Control.Locate.min.css";
4 | import "font-awesome/css/font-awesome.min.css";
5 | import "./css/style.css";
6 |
7 | // JS一式を読み込んでパッケージ
8 | import 'leaflet-hash';
9 | import 'leaflet.locatecontrol';
10 | import './js/script.js';
11 |
--------------------------------------------------------------------------------
/build/07-02/Leaflet/dist/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-02/Leaflet/dist/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/build/07-02/Leaflet/dist/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-02/Leaflet/dist/img/icon/layers.png
--------------------------------------------------------------------------------
/build/07-02/Leaflet/dist/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-02/Leaflet/dist/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/build/07-02/Leaflet/dist/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-02/Leaflet/dist/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/build/07-02/Leaflet/dist/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-02/Leaflet/dist/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/build/07-02/Leaflet/dist/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-02/Leaflet/dist/img/pin01.png
--------------------------------------------------------------------------------
/build/07-02/Leaflet/dist/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-02/Leaflet/dist/img/pin02.png
--------------------------------------------------------------------------------
/build/07-02/Leaflet/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/build/07-02/Leaflet/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "leaflet-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "font-awesome": "^4.7.0",
22 | "json-loader": "^0.5.7",
23 | "leaflet": "^1.3.4",
24 | "leaflet-hash": "^0.2.1",
25 | "leaflet.locatecontrol": "^0.66.1",
26 | "style-loader": "^0.23.1",
27 | "url-loader": "^1.1.2"
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/build/07-02/Leaflet/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.(json|geojson)$/,
14 | loader: 'json-loader'
15 | },
16 | {
17 | test: /\.css$/,
18 | loaders: ['style-loader', 'css-loader']
19 | },
20 | {
21 | test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
22 | loader: "url-loader?limit=10000&mimetype=application/font-woff"
23 | },
24 | {
25 | test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
26 | loader: "file-loader"
27 | },
28 | {
29 | test: /\.(png|svg|jpg|gif)$/,
30 | use: {
31 | loader: 'url-loader',
32 | options: {
33 | name: './dist/img/icon/[name].[ext]'
34 | }
35 | }
36 | }
37 | ]
38 | },
39 | plugins: [
40 | new webpack.ProvidePlugin({
41 | L: 'leaflet',
42 | pointdata: './vector/point.geojson',
43 | linedata: './vector/line.geojson',
44 | polygondata: './vector/polygon.geojson'
45 | })
46 | ],
47 | devServer: {
48 | contentBase: __dirname + '/dist',
49 | publicPath: '/',
50 | watchContentBase: true,
51 | open: true
52 | }
53 | };
54 |
55 |
--------------------------------------------------------------------------------
/build/07-02/MapboxGLJS/_resouce/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
52 | #menu_geojson {
53 | background: #fff;
54 | position: absolute;
55 | z-index: 1;
56 | top: 250px;
57 | right: 10px;
58 | border-radius: 3px;
59 | width: 180px;
60 | border: 1px solid rgba(0,0,0,0.4);
61 | }
62 |
63 | #menu_geojson a {
64 | font-size: 13px;
65 | color: #404040;
66 | display: block;
67 | margin: 0;
68 | padding: 10px;
69 | text-decoration: none;
70 | border-bottom: 1px solid rgba(0,0,0,0.25);
71 | text-align: center;
72 | }
73 |
74 | #menu_geojson a:last-child {
75 | border: none;
76 | }
77 |
78 | #menu_geojson a:hover {
79 | background-color: #f8f8f8;
80 | color: #404040;
81 | }
82 |
83 | #menu_geojson a.active {
84 | background-color: #8DCF3F;
85 | color: #ffffff;
86 | }
87 |
88 | #menu_geojson a.active:hover {
89 | background: #79bb2b;
90 | }
91 |
--------------------------------------------------------------------------------
/build/07-02/MapboxGLJS/_resouce/main.js:
--------------------------------------------------------------------------------
1 | // CSS一式を読み込んでパッケージ
2 | import "mapbox-gl/dist/mapbox-gl.css";
3 | import "./css/style.css";
4 |
5 | // JS一式を読み込んでパッケージ
6 | import './js/script.js';
7 |
--------------------------------------------------------------------------------
/build/07-02/MapboxGLJS/dist/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-02/MapboxGLJS/dist/img/pin01.png
--------------------------------------------------------------------------------
/build/07-02/MapboxGLJS/dist/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-02/MapboxGLJS/dist/img/pin02.png
--------------------------------------------------------------------------------
/build/07-02/MapboxGLJS/dist/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/build/07-02/MapboxGLJS/dist/img/sample.png
--------------------------------------------------------------------------------
/build/07-02/MapboxGLJS/dist/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/build/07-02/MapboxGLJS/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mapboxgljs-starter",
3 | "version": "1.1.0",
4 | "description": "",
5 | "main": "main.js",
6 | "scripts": {
7 | "build": "webpack",
8 | "dev": "webpack-dev-server"
9 | },
10 | "keywords": [],
11 | "author": "Yasunori Kirimoto",
12 | "license": "ISC",
13 | "devDependencies": {
14 | "webpack": "^4.20.2",
15 | "webpack-cli": "^3.1.2",
16 | "webpack-dev-server": "^3.1.9"
17 | },
18 | "dependencies": {
19 | "css-loader": "^1.0.0",
20 | "file-loader": "^2.0.0",
21 | "mapbox-gl": "^0.50.0",
22 | "style-loader": "^0.23.1",
23 | "url-loader": "^1.1.2",
24 | "json-loader": "^0.5.7"
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/build/07-02/MapboxGLJS/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require("webpack");
2 |
3 | module.exports = {
4 | mode: 'production',
5 | entry: './_resouce/main.js',
6 | output: {
7 | path: __dirname + '/dist',
8 | filename: 'app.js'
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.(json|geojson)$/,
14 | loader: 'json-loader'
15 | },
16 | {
17 | test: /\.css$/,
18 | loaders: ['style-loader', 'css-loader']
19 | },
20 | {
21 | test: /\.(png|svg|jpg|gif)$/,
22 | use: {
23 | loader: 'url-loader',
24 | options: {
25 | name: './dist/img/icon/[name].[ext]'
26 | }
27 | }
28 | }
29 | ]
30 | },
31 | plugins: [
32 | new webpack.ProvidePlugin({
33 | mapboxgl: 'mapbox-gl',
34 | pointdata: './vector/point.geojson',
35 | linedata: './vector/line.geojson',
36 | polygondata: './vector/polygon.geojson'
37 | })
38 | ],
39 | devServer: {
40 | contentBase: __dirname + '/dist',
41 | publicPath: '/',
42 | watchContentBase: true,
43 | open: true
44 | }
45 | };
46 |
47 |
--------------------------------------------------------------------------------
/docs/demo/02/Leaflet/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/02/Leaflet/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/docs/demo/02/Leaflet/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/02/Leaflet/img/icon/layers.png
--------------------------------------------------------------------------------
/docs/demo/02/Leaflet/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/02/Leaflet/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/docs/demo/02/Leaflet/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/02/Leaflet/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/docs/demo/02/Leaflet/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/02/Leaflet/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/docs/demo/02/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/demo/02/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/demo/03-01/Leaflet/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/03-01/Leaflet/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/docs/demo/03-01/Leaflet/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/03-01/Leaflet/img/icon/layers.png
--------------------------------------------------------------------------------
/docs/demo/03-01/Leaflet/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/03-01/Leaflet/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/docs/demo/03-01/Leaflet/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/03-01/Leaflet/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/docs/demo/03-01/Leaflet/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/03-01/Leaflet/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/docs/demo/03-01/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/demo/03-01/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/docs/demo/03-02/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/docs/demo/04-01/Leaflet/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/04-01/Leaflet/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/docs/demo/04-01/Leaflet/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/04-01/Leaflet/img/icon/layers.png
--------------------------------------------------------------------------------
/docs/demo/04-01/Leaflet/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/04-01/Leaflet/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/docs/demo/04-01/Leaflet/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/04-01/Leaflet/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/docs/demo/04-01/Leaflet/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/04-01/Leaflet/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/docs/demo/04-01/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/demo/04-01/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/docs/demo/04-02/Leaflet/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/04-02/Leaflet/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/docs/demo/04-02/Leaflet/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/04-02/Leaflet/img/icon/layers.png
--------------------------------------------------------------------------------
/docs/demo/04-02/Leaflet/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/04-02/Leaflet/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/docs/demo/04-02/Leaflet/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/04-02/Leaflet/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/docs/demo/04-02/Leaflet/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/04-02/Leaflet/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/docs/demo/04-02/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/demo/04-02/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/docs/demo/05-01/Leaflet/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-01/Leaflet/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/docs/demo/05-01/Leaflet/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-01/Leaflet/img/icon/layers.png
--------------------------------------------------------------------------------
/docs/demo/05-01/Leaflet/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-01/Leaflet/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/docs/demo/05-01/Leaflet/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-01/Leaflet/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/docs/demo/05-01/Leaflet/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-01/Leaflet/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/docs/demo/05-01/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/demo/05-01/MapboxGLJS/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-01/MapboxGLJS/img/sample.png
--------------------------------------------------------------------------------
/docs/demo/05-01/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/docs/demo/05-02/Leaflet/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-02/Leaflet/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/docs/demo/05-02/Leaflet/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-02/Leaflet/img/icon/layers.png
--------------------------------------------------------------------------------
/docs/demo/05-02/Leaflet/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-02/Leaflet/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/docs/demo/05-02/Leaflet/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-02/Leaflet/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/docs/demo/05-02/Leaflet/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-02/Leaflet/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/docs/demo/05-02/Leaflet/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-02/Leaflet/img/pin01.png
--------------------------------------------------------------------------------
/docs/demo/05-02/Leaflet/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-02/Leaflet/img/pin02.png
--------------------------------------------------------------------------------
/docs/demo/05-02/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/demo/05-02/MapboxGLJS/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-02/MapboxGLJS/img/pin01.png
--------------------------------------------------------------------------------
/docs/demo/05-02/MapboxGLJS/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-02/MapboxGLJS/img/pin02.png
--------------------------------------------------------------------------------
/docs/demo/05-02/MapboxGLJS/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/05-02/MapboxGLJS/img/sample.png
--------------------------------------------------------------------------------
/docs/demo/05-02/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/docs/demo/06-01/Leaflet/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-01/Leaflet/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/docs/demo/06-01/Leaflet/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-01/Leaflet/img/icon/layers.png
--------------------------------------------------------------------------------
/docs/demo/06-01/Leaflet/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-01/Leaflet/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/docs/demo/06-01/Leaflet/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-01/Leaflet/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/docs/demo/06-01/Leaflet/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-01/Leaflet/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/docs/demo/06-01/Leaflet/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-01/Leaflet/img/pin01.png
--------------------------------------------------------------------------------
/docs/demo/06-01/Leaflet/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-01/Leaflet/img/pin02.png
--------------------------------------------------------------------------------
/docs/demo/06-01/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/demo/06-01/MapboxGLJS/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-01/MapboxGLJS/img/pin01.png
--------------------------------------------------------------------------------
/docs/demo/06-01/MapboxGLJS/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-01/MapboxGLJS/img/pin02.png
--------------------------------------------------------------------------------
/docs/demo/06-01/MapboxGLJS/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-01/MapboxGLJS/img/sample.png
--------------------------------------------------------------------------------
/docs/demo/06-01/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/docs/demo/06-02/Leaflet/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-02/Leaflet/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/docs/demo/06-02/Leaflet/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-02/Leaflet/img/icon/layers.png
--------------------------------------------------------------------------------
/docs/demo/06-02/Leaflet/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-02/Leaflet/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/docs/demo/06-02/Leaflet/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-02/Leaflet/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/docs/demo/06-02/Leaflet/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-02/Leaflet/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/docs/demo/06-02/Leaflet/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-02/Leaflet/img/pin01.png
--------------------------------------------------------------------------------
/docs/demo/06-02/Leaflet/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-02/Leaflet/img/pin02.png
--------------------------------------------------------------------------------
/docs/demo/06-02/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/demo/06-02/MapboxGLJS/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-02/MapboxGLJS/img/pin01.png
--------------------------------------------------------------------------------
/docs/demo/06-02/MapboxGLJS/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-02/MapboxGLJS/img/pin02.png
--------------------------------------------------------------------------------
/docs/demo/06-02/MapboxGLJS/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/06-02/MapboxGLJS/img/sample.png
--------------------------------------------------------------------------------
/docs/demo/06-02/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/docs/demo/07-01/Leaflet/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-01/Leaflet/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/docs/demo/07-01/Leaflet/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-01/Leaflet/img/icon/layers.png
--------------------------------------------------------------------------------
/docs/demo/07-01/Leaflet/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-01/Leaflet/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/docs/demo/07-01/Leaflet/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-01/Leaflet/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/docs/demo/07-01/Leaflet/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-01/Leaflet/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/docs/demo/07-01/Leaflet/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-01/Leaflet/img/pin01.png
--------------------------------------------------------------------------------
/docs/demo/07-01/Leaflet/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-01/Leaflet/img/pin02.png
--------------------------------------------------------------------------------
/docs/demo/07-01/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/demo/07-01/MapboxGLJS/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-01/MapboxGLJS/img/pin01.png
--------------------------------------------------------------------------------
/docs/demo/07-01/MapboxGLJS/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-01/MapboxGLJS/img/pin02.png
--------------------------------------------------------------------------------
/docs/demo/07-01/MapboxGLJS/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-01/MapboxGLJS/img/sample.png
--------------------------------------------------------------------------------
/docs/demo/07-01/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/docs/demo/07-02/Leaflet/674f50d287a8c48dc19ba404d20fe713.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-02/Leaflet/674f50d287a8c48dc19ba404d20fe713.eot
--------------------------------------------------------------------------------
/docs/demo/07-02/Leaflet/af7ae505a9eed503f8b8e6982036873e.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-02/Leaflet/af7ae505a9eed503f8b8e6982036873e.woff2
--------------------------------------------------------------------------------
/docs/demo/07-02/Leaflet/b06871f281fee6b241d60582ae9369b9.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-02/Leaflet/b06871f281fee6b241d60582ae9369b9.ttf
--------------------------------------------------------------------------------
/docs/demo/07-02/Leaflet/fee66e712a8a08eef5805a46892932ad.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-02/Leaflet/fee66e712a8a08eef5805a46892932ad.woff
--------------------------------------------------------------------------------
/docs/demo/07-02/Leaflet/img/icon/layers-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-02/Leaflet/img/icon/layers-2x.png
--------------------------------------------------------------------------------
/docs/demo/07-02/Leaflet/img/icon/layers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-02/Leaflet/img/icon/layers.png
--------------------------------------------------------------------------------
/docs/demo/07-02/Leaflet/img/icon/marker-icon-2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-02/Leaflet/img/icon/marker-icon-2x.png
--------------------------------------------------------------------------------
/docs/demo/07-02/Leaflet/img/icon/marker-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-02/Leaflet/img/icon/marker-icon.png
--------------------------------------------------------------------------------
/docs/demo/07-02/Leaflet/img/icon/marker-shadow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-02/Leaflet/img/icon/marker-shadow.png
--------------------------------------------------------------------------------
/docs/demo/07-02/Leaflet/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-02/Leaflet/img/pin01.png
--------------------------------------------------------------------------------
/docs/demo/07-02/Leaflet/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-02/Leaflet/img/pin02.png
--------------------------------------------------------------------------------
/docs/demo/07-02/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/demo/07-02/MapboxGLJS/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-02/MapboxGLJS/img/pin01.png
--------------------------------------------------------------------------------
/docs/demo/07-02/MapboxGLJS/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-02/MapboxGLJS/img/pin02.png
--------------------------------------------------------------------------------
/docs/demo/07-02/MapboxGLJS/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/docs/demo/07-02/MapboxGLJS/img/sample.png
--------------------------------------------------------------------------------
/docs/demo/07-02/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | MapboxGLJS Starter
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/img/README01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/img/README01.png
--------------------------------------------------------------------------------
/img/README02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/img/README02.png
--------------------------------------------------------------------------------
/img/README03.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/img/README03.png
--------------------------------------------------------------------------------
/simple/02/Leaflet/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
--------------------------------------------------------------------------------
/simple/02/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/simple/02/Leaflet/js/app.js:
--------------------------------------------------------------------------------
1 |
2 | // MIERUNE MONO読み込み
3 | let m_mono = new L.tileLayer("https://tile.mierune.co.jp/mierune_mono/{z}/{x}/{y}.png", {
4 | attribution: "Maptiles by MIERUNE, under CC BY. Data by OpenStreetMap contributors, under ODbL."
5 | });
6 |
7 | // Map読み込み
8 | let map = L.map("map", {
9 | center: [35.6810,139.7670],
10 | zoom: 14,
11 | layers: [m_mono]
12 | });
13 |
--------------------------------------------------------------------------------
/simple/02/MapboxGLJS/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
--------------------------------------------------------------------------------
/simple/02/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Mapbox GL JS Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/simple/02/MapboxGLJS/js/app.js:
--------------------------------------------------------------------------------
1 |
2 | // MIERUNE MONO読み込み
3 | let map = new mapboxgl.Map({
4 | container: "map",
5 | style: {
6 | version: 8,
7 | sources: {
8 | m_mono: {
9 | type: "raster",
10 | tiles: ["https://tile.mierune.co.jp/mierune_mono/{z}/{x}/{y}.png"],
11 | tileSize: 256
12 | }
13 | },
14 | layers: [{
15 | id: "m_mono",
16 | type: "raster",
17 | source: "m_mono",
18 | minzoom: 0,
19 | maxzoom: 18
20 | }]
21 | },
22 | center: [139.7670, 35.6810],
23 | zoom: 13
24 | });
25 |
26 | map.on("load", function() {
27 |
28 | });
29 |
30 | // ズームコントロール
31 | let nc = new mapboxgl.NavigationControl();
32 | map.addControl(nc, 'top-left');
33 |
--------------------------------------------------------------------------------
/simple/03-01/Leaflet/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
--------------------------------------------------------------------------------
/simple/03-01/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/simple/03-01/Leaflet/js/app.js:
--------------------------------------------------------------------------------
1 |
2 | // MIERUNE MONO読み込み
3 | let m_mono = new L.tileLayer("https://tile.mierune.co.jp/mierune_mono/{z}/{x}/{y}.png", {
4 | attribution: "Maptiles by MIERUNE, under CC BY. Data by OpenStreetMap contributors, under ODbL."
5 | });
6 |
7 | // MIERUNE Color読み込み
8 | let m_color = new L.tileLayer("https://tile.mierune.co.jp/mierune/{z}/{x}/{y}.png", {
9 | attribution: "Maptiles by MIERUNE, under CC BY. Data by OpenStreetMap contributors, under ODbL."
10 | });
11 |
12 | // 地理院タイル 淡色読み込み
13 | let t_pale = new L.tileLayer("http://cyberjapandata.gsi.go.jp/xyz/pale/{z}/{x}/{y}.png", {
14 | attribution: "国土地理院"
15 | });
16 |
17 | // 地理院タイル オルソ読み込み
18 | let t_ort = new L.tileLayer("http://cyberjapandata.gsi.go.jp/xyz/ort/{z}/{x}/{y}.jpg", {
19 | attribution: "国土地理院"
20 | });
21 |
22 | // OpenStreetMap読み込み
23 | let o_std = new L.tileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
24 | attribution: '© OpenStreetMap contributors'
25 | });
26 |
27 |
28 | // レイヤ設定
29 | let Map_BaseLayer = {
30 | "MIERUNE MONO": m_mono,
31 | "MIERUNE Color": m_color,
32 | "地理院タイル 淡色": t_pale,
33 | "地理院タイル オルソ": t_ort,
34 | "OpenStreetMap": o_std
35 | };
36 |
37 |
38 | // Map読み込み
39 | let map = L.map("map", {
40 | center: [35.6810,139.7670],
41 | zoom: 14,
42 | zoomControl: true,
43 | layers: [m_mono]
44 | });
45 |
46 |
47 | // レイヤコントロール
48 | L.control.layers(Map_BaseLayer, null, {
49 | collapsed: false
50 | }).addTo(map);
51 |
--------------------------------------------------------------------------------
/simple/03-01/MapboxGLJS/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
--------------------------------------------------------------------------------
/simple/03-01/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Mapbox GL JS Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/simple/03-02/MapboxGLJS/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
--------------------------------------------------------------------------------
/simple/03-02/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Mapbox GL JS Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/simple/04-01/Leaflet/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
--------------------------------------------------------------------------------
/simple/04-01/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/simple/04-01/Leaflet/js/app.js:
--------------------------------------------------------------------------------
1 |
2 | // MIERUNE MONO読み込み
3 | let m_mono = new L.tileLayer("https://tile.mierune.co.jp/mierune_mono/{z}/{x}/{y}.png", {
4 | attribution: "Maptiles by MIERUNE, under CC BY. Data by OpenStreetMap contributors, under ODbL."
5 | });
6 |
7 | // MIERUNE Color読み込み
8 | let m_color = new L.tileLayer("https://tile.mierune.co.jp/mierune/{z}/{x}/{y}.png", {
9 | attribution: "Maptiles by MIERUNE, under CC BY. Data by OpenStreetMap contributors, under ODbL."
10 | });
11 |
12 | // 地理院タイル 淡色読み込み
13 | let t_pale = new L.tileLayer("http://cyberjapandata.gsi.go.jp/xyz/pale/{z}/{x}/{y}.png", {
14 | attribution: "国土地理院"
15 | });
16 |
17 | // 地理院タイル オルソ読み込み
18 | let t_ort = new L.tileLayer("http://cyberjapandata.gsi.go.jp/xyz/ort/{z}/{x}/{y}.jpg", {
19 | attribution: "国土地理院"
20 | });
21 |
22 | // OpenStreetMap読み込み
23 | let o_std = new L.tileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
24 | attribution: '© OpenStreetMap contributors'
25 | });
26 |
27 |
28 | // レイヤ設定
29 | let Map_BaseLayer = {
30 | "MIERUNE MONO": m_mono,
31 | "MIERUNE Color": m_color,
32 | "地理院タイル 淡色": t_pale,
33 | "地理院タイル オルソ": t_ort,
34 | "OpenStreetMap": o_std
35 | };
36 |
37 |
38 | // Map読み込み
39 | let map = L.map("map", {
40 | center: [35.6810,139.7670],
41 | zoom: 14,
42 | zoomControl: false,
43 | layers: [m_mono]
44 | });
45 |
46 |
47 | // レイヤコントロール
48 | L.control.layers(Map_BaseLayer, null, {
49 | collapsed: false
50 | }).addTo(map);
51 |
--------------------------------------------------------------------------------
/simple/04-01/MapboxGLJS/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
--------------------------------------------------------------------------------
/simple/04-01/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Mapbox GL JS Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/simple/04-02/Leaflet/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
--------------------------------------------------------------------------------
/simple/04-02/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/simple/04-02/MapboxGLJS/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
--------------------------------------------------------------------------------
/simple/04-02/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Mapbox GL JS Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/simple/05-01/Leaflet/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
--------------------------------------------------------------------------------
/simple/05-01/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/simple/05-01/MapboxGLJS/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
--------------------------------------------------------------------------------
/simple/05-01/MapboxGLJS/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/05-01/MapboxGLJS/img/sample.png
--------------------------------------------------------------------------------
/simple/05-01/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Mapbox GL JS Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/simple/05-02/Leaflet/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
--------------------------------------------------------------------------------
/simple/05-02/Leaflet/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/05-02/Leaflet/img/pin01.png
--------------------------------------------------------------------------------
/simple/05-02/Leaflet/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/05-02/Leaflet/img/pin02.png
--------------------------------------------------------------------------------
/simple/05-02/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/simple/05-02/MapboxGLJS/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
52 | #menu_geojson {
53 | background: #fff;
54 | position: absolute;
55 | z-index: 1;
56 | top: 250px;
57 | right: 10px;
58 | border-radius: 3px;
59 | width: 180px;
60 | border: 1px solid rgba(0,0,0,0.4);
61 | }
62 |
63 | #menu_geojson a {
64 | font-size: 13px;
65 | color: #404040;
66 | display: block;
67 | margin: 0;
68 | padding: 10px;
69 | text-decoration: none;
70 | border-bottom: 1px solid rgba(0,0,0,0.25);
71 | text-align: center;
72 | }
73 |
74 | #menu_geojson a:last-child {
75 | border: none;
76 | }
77 |
78 | #menu_geojson a:hover {
79 | background-color: #f8f8f8;
80 | color: #404040;
81 | }
82 |
83 | #menu_geojson a.active {
84 | background-color: #8DCF3F;
85 | color: #ffffff;
86 | }
87 |
88 | #menu_geojson a.active:hover {
89 | background: #79bb2b;
90 | }
91 |
--------------------------------------------------------------------------------
/simple/05-02/MapboxGLJS/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/05-02/MapboxGLJS/img/pin01.png
--------------------------------------------------------------------------------
/simple/05-02/MapboxGLJS/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/05-02/MapboxGLJS/img/pin02.png
--------------------------------------------------------------------------------
/simple/05-02/MapboxGLJS/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/05-02/MapboxGLJS/img/sample.png
--------------------------------------------------------------------------------
/simple/05-02/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Mapbox GL JS Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/simple/06-01/Leaflet/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
--------------------------------------------------------------------------------
/simple/06-01/Leaflet/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/06-01/Leaflet/img/pin01.png
--------------------------------------------------------------------------------
/simple/06-01/Leaflet/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/06-01/Leaflet/img/pin02.png
--------------------------------------------------------------------------------
/simple/06-01/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/simple/06-01/MapboxGLJS/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
52 | #menu_geojson {
53 | background: #fff;
54 | position: absolute;
55 | z-index: 1;
56 | top: 250px;
57 | right: 10px;
58 | border-radius: 3px;
59 | width: 180px;
60 | border: 1px solid rgba(0,0,0,0.4);
61 | }
62 |
63 | #menu_geojson a {
64 | font-size: 13px;
65 | color: #404040;
66 | display: block;
67 | margin: 0;
68 | padding: 10px;
69 | text-decoration: none;
70 | border-bottom: 1px solid rgba(0,0,0,0.25);
71 | text-align: center;
72 | }
73 |
74 | #menu_geojson a:last-child {
75 | border: none;
76 | }
77 |
78 | #menu_geojson a:hover {
79 | background-color: #f8f8f8;
80 | color: #404040;
81 | }
82 |
83 | #menu_geojson a.active {
84 | background-color: #8DCF3F;
85 | color: #ffffff;
86 | }
87 |
88 | #menu_geojson a.active:hover {
89 | background: #79bb2b;
90 | }
91 |
--------------------------------------------------------------------------------
/simple/06-01/MapboxGLJS/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/06-01/MapboxGLJS/img/pin01.png
--------------------------------------------------------------------------------
/simple/06-01/MapboxGLJS/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/06-01/MapboxGLJS/img/pin02.png
--------------------------------------------------------------------------------
/simple/06-01/MapboxGLJS/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/06-01/MapboxGLJS/img/sample.png
--------------------------------------------------------------------------------
/simple/06-01/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Mapbox GL JS Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/simple/06-02/Leaflet/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
--------------------------------------------------------------------------------
/simple/06-02/Leaflet/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/06-02/Leaflet/img/pin01.png
--------------------------------------------------------------------------------
/simple/06-02/Leaflet/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/06-02/Leaflet/img/pin02.png
--------------------------------------------------------------------------------
/simple/06-02/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/simple/06-02/MapboxGLJS/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
52 | #menu_geojson {
53 | background: #fff;
54 | position: absolute;
55 | z-index: 1;
56 | top: 250px;
57 | right: 10px;
58 | border-radius: 3px;
59 | width: 180px;
60 | border: 1px solid rgba(0,0,0,0.4);
61 | }
62 |
63 | #menu_geojson a {
64 | font-size: 13px;
65 | color: #404040;
66 | display: block;
67 | margin: 0;
68 | padding: 10px;
69 | text-decoration: none;
70 | border-bottom: 1px solid rgba(0,0,0,0.25);
71 | text-align: center;
72 | }
73 |
74 | #menu_geojson a:last-child {
75 | border: none;
76 | }
77 |
78 | #menu_geojson a:hover {
79 | background-color: #f8f8f8;
80 | color: #404040;
81 | }
82 |
83 | #menu_geojson a.active {
84 | background-color: #8DCF3F;
85 | color: #ffffff;
86 | }
87 |
88 | #menu_geojson a.active:hover {
89 | background: #79bb2b;
90 | }
91 |
--------------------------------------------------------------------------------
/simple/06-02/MapboxGLJS/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/06-02/MapboxGLJS/img/pin01.png
--------------------------------------------------------------------------------
/simple/06-02/MapboxGLJS/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/06-02/MapboxGLJS/img/pin02.png
--------------------------------------------------------------------------------
/simple/06-02/MapboxGLJS/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/06-02/MapboxGLJS/img/sample.png
--------------------------------------------------------------------------------
/simple/06-02/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Mapbox GL JS Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/simple/07-01/Leaflet/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
--------------------------------------------------------------------------------
/simple/07-01/Leaflet/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/07-01/Leaflet/img/pin01.png
--------------------------------------------------------------------------------
/simple/07-01/Leaflet/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/07-01/Leaflet/img/pin02.png
--------------------------------------------------------------------------------
/simple/07-01/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/simple/07-01/Leaflet/plugin/leaflet-hash/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 |
--------------------------------------------------------------------------------
/simple/07-01/Leaflet/plugin/leaflet-hash/LICENSE.md:
--------------------------------------------------------------------------------
1 | Copyright (c) 2013 Michael Lawrence Evans
2 |
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4 |
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 |
7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
8 |
--------------------------------------------------------------------------------
/simple/07-01/Leaflet/plugin/leaflet-hash/README.md:
--------------------------------------------------------------------------------
1 | # Leaflet-hash
2 |
3 | Leaflet-hash lets you to add dynamic URL hashes to web pages with Leaflet maps. You can easily
4 | link users to specific map views.
5 |
6 | 
7 |
8 | ### Demo
9 | You can view a demo of leaflet-hash at [mlevans.github.io/leaflet-hash/map.html](http://mlevans.github.io/leaflet-hash/map.html).
10 |
11 | ### Getting started
12 |
13 | 1. Prepare a basic leaflet map. You can find instructions on [Leaflet's quick-start guide](http://leaflet.cloudmade.com/examples/quick-start.html).
14 |
15 | 2. Include [leaflet-hash.js](https://github.com/mlevans/leaflet-hash/blob/master/leaflet-hash.js).
16 |
17 | 3. Once you have initialized the map (an instance of [L.Map](http://leaflet.cloudmade.com/reference.html#map-usage)), add the following code:
18 |
19 | ```javascript
20 | // Assuming your map instance is in a variable called map
21 | var hash = new L.Hash(map);
22 | ```
23 |
24 | ### Author
25 | [@mlevans](http://github.com/mlevans)
26 |
27 | ### Contributors
28 | [@calvinmetcalf](http://github.com/calvinmetcalf)
29 |
30 | [@jfirebaugh](http://github.com/jfirebaugh)
31 |
32 | [@rsudekum](http://github.com/rsudekum)
33 |
34 | [@tmcw](http://github.com/tmcw)
35 |
36 | [@yohanboniface](http://github.com/yohanboniface)
37 |
38 |
39 | ### License
40 |
41 | MIT License. See [LICENSE](https://github.com/mlevans/leaflet-hash/blob/master/LICENSE.md) for details.
42 |
--------------------------------------------------------------------------------
/simple/07-01/Leaflet/plugin/leaflet-hash/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "author": "Michael Lawrence Evans",
3 | "name": "leaflet-hash",
4 | "description": "linkable location hashes for leaflet",
5 | "version": "0.2.1",
6 | "homepage": "https://github.com/mlevans/leaflet-hash",
7 | "repository": {
8 | "type": "git",
9 | "url": "https://github.com/mlevans/leaflet-hash.git"
10 | },
11 | "devDependencies": {
12 | "mocha": "~1.8",
13 | "expect.js": "~0.2.0"
14 | },
15 | "main": "leaflet-hash.js",
16 | "optionalDependencies": {},
17 | "engines": {
18 | "node": "*"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/simple/07-01/Leaflet/plugin/leaflet-hash/screenshots/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/07-01/Leaflet/plugin/leaflet-hash/screenshots/screenshot.png
--------------------------------------------------------------------------------
/simple/07-01/Leaflet/plugin/leaflet-hash/test/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Mocha Tests
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/simple/07-01/MapboxGLJS/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
52 | #menu_geojson {
53 | background: #fff;
54 | position: absolute;
55 | z-index: 1;
56 | top: 250px;
57 | right: 10px;
58 | border-radius: 3px;
59 | width: 180px;
60 | border: 1px solid rgba(0,0,0,0.4);
61 | }
62 |
63 | #menu_geojson a {
64 | font-size: 13px;
65 | color: #404040;
66 | display: block;
67 | margin: 0;
68 | padding: 10px;
69 | text-decoration: none;
70 | border-bottom: 1px solid rgba(0,0,0,0.25);
71 | text-align: center;
72 | }
73 |
74 | #menu_geojson a:last-child {
75 | border: none;
76 | }
77 |
78 | #menu_geojson a:hover {
79 | background-color: #f8f8f8;
80 | color: #404040;
81 | }
82 |
83 | #menu_geojson a.active {
84 | background-color: #8DCF3F;
85 | color: #ffffff;
86 | }
87 |
88 | #menu_geojson a.active:hover {
89 | background: #79bb2b;
90 | }
91 |
--------------------------------------------------------------------------------
/simple/07-01/MapboxGLJS/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/07-01/MapboxGLJS/img/pin01.png
--------------------------------------------------------------------------------
/simple/07-01/MapboxGLJS/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/07-01/MapboxGLJS/img/pin02.png
--------------------------------------------------------------------------------
/simple/07-01/MapboxGLJS/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/07-01/MapboxGLJS/img/sample.png
--------------------------------------------------------------------------------
/simple/07-01/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Mapbox GL JS Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/07-02/Leaflet/img/pin01.png
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/07-02/Leaflet/img/pin02.png
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Leaflet Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-hash/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-hash/LICENSE.md:
--------------------------------------------------------------------------------
1 | Copyright (c) 2013 Michael Lawrence Evans
2 |
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4 |
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 |
7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
8 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-hash/README.md:
--------------------------------------------------------------------------------
1 | # Leaflet-hash
2 |
3 | Leaflet-hash lets you to add dynamic URL hashes to web pages with Leaflet maps. You can easily
4 | link users to specific map views.
5 |
6 | 
7 |
8 | ### Demo
9 | You can view a demo of leaflet-hash at [mlevans.github.io/leaflet-hash/map.html](http://mlevans.github.io/leaflet-hash/map.html).
10 |
11 | ### Getting started
12 |
13 | 1. Prepare a basic leaflet map. You can find instructions on [Leaflet's quick-start guide](http://leaflet.cloudmade.com/examples/quick-start.html).
14 |
15 | 2. Include [leaflet-hash.js](https://github.com/mlevans/leaflet-hash/blob/master/leaflet-hash.js).
16 |
17 | 3. Once you have initialized the map (an instance of [L.Map](http://leaflet.cloudmade.com/reference.html#map-usage)), add the following code:
18 |
19 | ```javascript
20 | // Assuming your map instance is in a variable called map
21 | var hash = new L.Hash(map);
22 | ```
23 |
24 | ### Author
25 | [@mlevans](http://github.com/mlevans)
26 |
27 | ### Contributors
28 | [@calvinmetcalf](http://github.com/calvinmetcalf)
29 |
30 | [@jfirebaugh](http://github.com/jfirebaugh)
31 |
32 | [@rsudekum](http://github.com/rsudekum)
33 |
34 | [@tmcw](http://github.com/tmcw)
35 |
36 | [@yohanboniface](http://github.com/yohanboniface)
37 |
38 |
39 | ### License
40 |
41 | MIT License. See [LICENSE](https://github.com/mlevans/leaflet-hash/blob/master/LICENSE.md) for details.
42 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-hash/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "author": "Michael Lawrence Evans",
3 | "name": "leaflet-hash",
4 | "description": "linkable location hashes for leaflet",
5 | "version": "0.2.1",
6 | "homepage": "https://github.com/mlevans/leaflet-hash",
7 | "repository": {
8 | "type": "git",
9 | "url": "https://github.com/mlevans/leaflet-hash.git"
10 | },
11 | "devDependencies": {
12 | "mocha": "~1.8",
13 | "expect.js": "~0.2.0"
14 | },
15 | "main": "leaflet-hash.js",
16 | "optionalDependencies": {},
17 | "engines": {
18 | "node": "*"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-hash/screenshots/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/07-02/Leaflet/plugin/leaflet-hash/screenshots/screenshot.png
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-hash/test/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Mocha Tests
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/.gitignore:
--------------------------------------------------------------------------------
1 | .sass-cache
2 | bower_components/*
3 | node_modules/*
4 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/.npmignore:
--------------------------------------------------------------------------------
1 | .sass-cache
2 | bower_components/*
3 | bower.json
4 | demo_mapbox/*
5 | demo/*
6 | Gruntfile.js
7 | node_modules/*
8 | screenshot.png
9 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Changelog
2 |
3 | Here we document breaking changes.
4 |
5 | ## **0.64**
6 |
7 | Thanks to @brendanheywood for the updates!
8 |
9 | * Add support for heading.
10 | * Modernize style. Breathing location marker.
11 | * Use Leaflet marker.
12 |
13 | ## **0.63**
14 |
15 | * Change default `setView` from `untilPan` to `untilPanOrZoom`.
16 |
17 | ## **0.59**
18 |
19 | * Add `cacheLocation` option.
20 |
21 | ## **0.57, 0.58**
22 |
23 | * Apply marker style only to markers that support it. Fixes #169
24 |
25 | ## **0.54**
26 |
27 | * Support `flyTo`
28 |
29 | ## **0.50**
30 |
31 | * extended `setView` to support more options
32 | * removed `remainActive`, use `clickBehavior`
33 | * removed `follow`, use `setView`
34 | * removed `stopFollowingOnDrag`, use `setView`
35 | * removed `startfollowing` and `startfollowing` events
36 | * changed a few internal methods
37 | * add `drawMarker`
38 | * small fixes
39 |
40 | ## **0.46.0**
41 |
42 | * Remove IE specific CSS
43 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2014 Dominik Moritz
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
13 | all 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
21 | THE SOFTWARE.
22 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/bower.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "leaflet.locatecontrol",
3 | "version": "0.66.0",
4 | "homepage": "https://github.com/domoritz/leaflet-locatecontrol",
5 | "authors": [
6 | "Dominik Moritz "
7 | ],
8 | "description": "A useful control to geolocate the user with many options. Used by osm.org and mapbox among many others.",
9 | "main": [
10 | "dist/L.Control.Locate.css",
11 | "src/L.Control.Locate.js"
12 | ],
13 | "directories": {
14 | "example": "demo"
15 | },
16 | "ignore": [
17 | "**/.*",
18 | "node_modules",
19 | "bower_components"
20 | ],
21 | "repository": {
22 | "type": "git",
23 | "url": "git@github.com:domoritz/leaflet-locatecontrol.git"
24 | },
25 | "keywords": [
26 | "leaflet",
27 | "locate",
28 | "plugin"
29 | ],
30 | "license": "MIT",
31 | "readmeFilename": "README.md"
32 | }
33 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/demo/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
24 |
25 |
26 |
27 |
28 | 
29 |
30 |
31 |
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/demo/script.js:
--------------------------------------------------------------------------------
1 | var osmUrl='https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
2 | var osmAttrib='Map data © OpenStreetMap contributors';
3 | var osm = new L.TileLayer(osmUrl, {
4 | attribution: osmAttrib,
5 | detectRetina: true
6 | });
7 |
8 | // please replace this with your own mapbox token!
9 | var token = 'pk.eyJ1IjoiZG9tb3JpdHoiLCJhIjoiY2o0OHZuY3MwMGo1cTMybGM4MTFrM2dxbCJ9.yCQe43DMRqobazKewlhi9w';
10 | var mapboxUrl = 'https://api.mapbox.com/styles/v1/mapbox/streets-v10/tiles/{z}/{x}/{y}@2x?access_token=' + token;
11 | var mapboxAttrib = 'Map data © OpenStreetMap contributors. Tiles from Mapbox.';
12 | var mapbox = new L.TileLayer(mapboxUrl, {
13 | attribution: mapboxAttrib,
14 | tileSize: 512,
15 | zoomOffset: -1
16 | });
17 |
18 | var map = new L.Map('map', {
19 | layers: [mapbox],
20 | center: [51.505, -0.09],
21 | zoom: 10,
22 | zoomControl: true
23 | });
24 |
25 | // add location control to global name space for testing only
26 | // on a production site, omit the "lc = "!
27 | lc = L.control.locate({
28 | strings: {
29 | title: "Show me where I am, yo!"
30 | }
31 | }).addTo(map);
32 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/demo_mapbox/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/demo_mapbox/script.js:
--------------------------------------------------------------------------------
1 | // please replace this with your own mapbox token!
2 | L.mapbox.accessToken = 'pk.eyJ1IjoiZG9tb3JpdHoiLCJhIjoiY2o0OHZuY3MwMGo1cTMybGM4MTFrM2dxbCJ9.yCQe43DMRqobazKewlhi9w';
3 |
4 | var map = L.mapbox.map('map').setView([51.505, -0.09], 10);
5 | L.mapbox.styleLayer('mapbox://styles/mapbox/streets-v10').addTo(map);
6 |
7 | // add location control to global name space for testing only
8 | // on a production site, omit the "lc = "!
9 | lc = L.control.locate({
10 | strings: {
11 | title: "Show me where I am, yo!"
12 | }
13 | }).addTo(map);
14 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/dist/L.Control.Locate.css:
--------------------------------------------------------------------------------
1 | /* Compatible with Leaflet 0.7 */
2 | .leaflet-control-locate a {
3 | font-size: 1.4em;
4 | color: #444;
5 | cursor: pointer;
6 | }
7 | .leaflet-control-locate.active a {
8 | color: #2074B6;
9 | }
10 | .leaflet-control-locate.active.following a {
11 | color: #FC8428;
12 | }
13 |
14 | .leafet-control-locate-location circle {
15 | animation: leaflet-control-locate-throb 4s ease infinite;
16 | }
17 |
18 | @keyframes leaflet-control-locate-throb {
19 | 0% {
20 | r: 9;
21 | stroke-width: 1;
22 | }
23 | 50% {
24 | r: 7;
25 | stroke-width: 3;
26 | }
27 | 100% {
28 | r: 9;
29 | stroke-width: 1;
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/dist/L.Control.Locate.mapbox.css:
--------------------------------------------------------------------------------
1 | /* Compatible with Leaflet 0.7 */
2 | .leaflet-control-locate a {
3 | font-size: 1.4em;
4 | color: #444;
5 | cursor: pointer;
6 | }
7 | .leaflet-control-locate.active a {
8 | color: #2074B6;
9 | }
10 | .leaflet-control-locate.active.following a {
11 | color: #FC8428;
12 | }
13 |
14 | .leafet-control-locate-location circle {
15 | animation: leaflet-control-locate-throb 4s ease infinite;
16 | }
17 |
18 | @keyframes leaflet-control-locate-throb {
19 | 0% {
20 | r: 9;
21 | stroke-width: 1;
22 | }
23 | 50% {
24 | r: 7;
25 | stroke-width: 3;
26 | }
27 | 100% {
28 | r: 9;
29 | stroke-width: 1;
30 | }
31 | }
32 | /* Mapbox specific adjustments */
33 | .leaflet-control-locate a {
34 | padding: 3px 0 0 8px;
35 | }
36 | .leaflet-control-locate.requesting a {
37 | padding: 3px 0 0 4px;
38 | }
39 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/dist/L.Control.Locate.mapbox.min.css:
--------------------------------------------------------------------------------
1 | .leaflet-control-locate a{font-size:1.4em;color:#444;cursor:pointer}.leaflet-control-locate.active a{color:#2074B6}.leaflet-control-locate.active.following a{color:#FC8428}.leafet-control-locate-location circle{animation:leaflet-control-locate-throb 4s ease infinite}@keyframes leaflet-control-locate-throb{0%{r:9;stroke-width:1}50%{r:7;stroke-width:3}100%{r:9;stroke-width:1}}.leaflet-control-locate a{padding:3px 0 0 8px}.leaflet-control-locate.requesting a{padding:3px 0 0 4px}
2 | /*# sourceMappingURL=L.Control.Locate.mapbox.min.css.map */
3 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/dist/L.Control.Locate.mapbox.min.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "AAEE,yBAAE,CACA,SAAS,CAAE,KAAK,CAChB,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,OAAO,CAGf,gCAAE,CACA,KAAK,CAAE,OAAO,CAEhB,0CAAc,CACZ,KAAK,CAAE,OAAO,CAKpB,sCAAuC,CACrC,SAAS,CAAE,6CAA6C,CAG1D,uCAIC,CAHG,EAAG,CAAE,CAAC,CAAE,CAAC,CAAE,YAAY,CAAE,CAAC,CAC3B,GAAI,CAAE,CAAC,CAAE,CAAC,CAAE,YAAY,CAAE,CAAC,CAC5B,IAAK,CAAE,CAAC,CAAE,CAAC,CAAE,YAAY,CAAE,CAAC,ECnB5B,yBAAE,CACC,OAAO,CAAE,WAAW,CAGrB,oCAAE,CACA,OAAO,CAAE,WAAW",
4 | "sources": ["../src/L.Control.Locate.scss","../src/L.Control.Locate.mapbox.scss"],
5 | "names": [],
6 | "file": "L.Control.Locate.mapbox.min.css"
7 | }
8 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/dist/L.Control.Locate.min.css:
--------------------------------------------------------------------------------
1 | .leaflet-control-locate a{font-size:1.4em;color:#444;cursor:pointer}.leaflet-control-locate.active a{color:#2074B6}.leaflet-control-locate.active.following a{color:#FC8428}.leafet-control-locate-location circle{animation:leaflet-control-locate-throb 4s ease infinite}@keyframes leaflet-control-locate-throb{0%{r:9;stroke-width:1}50%{r:7;stroke-width:3}100%{r:9;stroke-width:1}}
2 | /*# sourceMappingURL=L.Control.Locate.min.css.map */
3 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/dist/L.Control.Locate.min.css.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "AAEE,yBAAE,CACA,SAAS,CAAE,KAAK,CAChB,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,OAAO,CAGf,gCAAE,CACA,KAAK,CAAE,OAAO,CAEhB,0CAAc,CACZ,KAAK,CAAE,OAAO,CAKpB,sCAAuC,CACrC,SAAS,CAAE,6CAA6C,CAG1D,uCAIC,CAHG,EAAG,CAAE,CAAC,CAAE,CAAC,CAAE,YAAY,CAAE,CAAC,CAC3B,GAAI,CAAE,CAAC,CAAE,CAAC,CAAE,YAAY,CAAE,CAAC,CAC5B,IAAK,CAAE,CAAC,CAAE,CAAC,CAAE,YAAY,CAAE,CAAC",
4 | "sources": ["../src/L.Control.Locate.scss"],
5 | "names": [],
6 | "file": "L.Control.Locate.min.css"
7 | }
8 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "leaflet.locatecontrol",
3 | "version": "0.66.0",
4 | "homepage": "https://github.com/domoritz/leaflet-locatecontrol",
5 | "description": "A useful control to geolocate the user with many options. Used by osm.org and mapbox among many others.",
6 | "main": "src/L.Control.Locate.js",
7 | "author": "Dominik Moritz ",
8 | "repository": {
9 | "type": "git",
10 | "url": "git@github.com:domoritz/leaflet-locatecontrol.git"
11 | },
12 | "keywords": [
13 | "leaflet",
14 | "locate",
15 | "plugin"
16 | ],
17 | "license": "MIT",
18 | "readmeFilename": "README.md",
19 | "scripts": {
20 | "build": "grunt",
21 | "bump:minor": "grunt bump-only:minor && grunt && grunt bump-commit",
22 | "bump:patch": "grunt bump-only:patch && grunt && grunt bump-commit",
23 | "start": "grunt connect"
24 | },
25 | "devDependencies": {
26 | "grunt": "^1.0.3",
27 | "grunt-bump": "0.8.0",
28 | "grunt-contrib-sass": "^1.0.0",
29 | "grunt-contrib-uglify": "^4.0.0",
30 | "grunt-contrib-connect": "^2.0.0"
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/screenshot.png
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/src/L.Control.Locate.mapbox.scss:
--------------------------------------------------------------------------------
1 | @import "L.Control.Locate";
2 |
3 | /* Mapbox specific adjustments */
4 |
5 | .leaflet-control-locate {
6 | a {
7 | padding: 3px 0 0 8px;
8 | }
9 | &.requesting {
10 | a {
11 | padding: 3px 0 0 4px;
12 | }
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/simple/07-02/Leaflet/plugin/leaflet-locatecontrol/src/L.Control.Locate.scss:
--------------------------------------------------------------------------------
1 | /* Compatible with Leaflet 0.7 */
2 | .leaflet-control-locate {
3 | a {
4 | font-size: 1.4em;
5 | color: #444;
6 | cursor: pointer;
7 | }
8 | &.active {
9 | a {
10 | color: #2074B6;
11 | }
12 | &.following a {
13 | color: #FC8428;
14 | }
15 | }
16 | }
17 |
18 | .leafet-control-locate-location circle {
19 | animation: leaflet-control-locate-throb 4s ease infinite;
20 | }
21 |
22 | @keyframes leaflet-control-locate-throb {
23 | 0% { r: 9; stroke-width: 1; }
24 | 50% { r: 7; stroke-width: 3; }
25 | 100% { r: 9; stroke-width: 1; }
26 | }
27 |
--------------------------------------------------------------------------------
/simple/07-02/MapboxGLJS/css/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | height: 100%;
3 | padding: 0;
4 | margin: 0;
5 | }
6 |
7 | #map {
8 | z-index: 0;
9 | height: 100%;
10 | }
11 |
12 | #menu {
13 | background: #fff;
14 | position: absolute;
15 | z-index: 1;
16 | top: 10px;
17 | right: 10px;
18 | border-radius: 3px;
19 | width: 180px;
20 | border: 1px solid rgba(0,0,0,0.4);
21 | }
22 |
23 | #menu a {
24 | font-size: 13px;
25 | color: #404040;
26 | display: block;
27 | margin: 0;
28 | padding: 10px;
29 | text-decoration: none;
30 | border-bottom: 1px solid rgba(0,0,0,0.25);
31 | text-align: center;
32 | }
33 |
34 | #menu a:last-child {
35 | border: none;
36 | }
37 |
38 | #menu a:hover {
39 | background-color: #f8f8f8;
40 | color: #404040;
41 | }
42 |
43 | #menu a.active {
44 | background-color: #8DCF3F;
45 | color: #ffffff;
46 | }
47 |
48 | #menu a.active:hover {
49 | background: #79bb2b;
50 | }
51 |
52 | #menu_geojson {
53 | background: #fff;
54 | position: absolute;
55 | z-index: 1;
56 | top: 250px;
57 | right: 10px;
58 | border-radius: 3px;
59 | width: 180px;
60 | border: 1px solid rgba(0,0,0,0.4);
61 | }
62 |
63 | #menu_geojson a {
64 | font-size: 13px;
65 | color: #404040;
66 | display: block;
67 | margin: 0;
68 | padding: 10px;
69 | text-decoration: none;
70 | border-bottom: 1px solid rgba(0,0,0,0.25);
71 | text-align: center;
72 | }
73 |
74 | #menu_geojson a:last-child {
75 | border: none;
76 | }
77 |
78 | #menu_geojson a:hover {
79 | background-color: #f8f8f8;
80 | color: #404040;
81 | }
82 |
83 | #menu_geojson a.active {
84 | background-color: #8DCF3F;
85 | color: #ffffff;
86 | }
87 |
88 | #menu_geojson a.active:hover {
89 | background: #79bb2b;
90 | }
91 |
--------------------------------------------------------------------------------
/simple/07-02/MapboxGLJS/img/pin01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/07-02/MapboxGLJS/img/pin01.png
--------------------------------------------------------------------------------
/simple/07-02/MapboxGLJS/img/pin02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/07-02/MapboxGLJS/img/pin02.png
--------------------------------------------------------------------------------
/simple/07-02/MapboxGLJS/img/sample.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/dayjournal/JSWebMapApp/e7651ca97d5677fdd9b55ed64d6095999790ae38/simple/07-02/MapboxGLJS/img/sample.png
--------------------------------------------------------------------------------
/simple/07-02/MapboxGLJS/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Mapbox GL JS Sample
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
--------------------------------------------------------------------------------