turfを使用してみました。 ラインを表示しています。編集機能などをもプラグインとして使っています。 以下のサイトを参考にしました。 http://turfjs.org/examples/turf-bezier/ 少し、微妙かもです。。。

もうひとつはヒートマップです。 こちらもプラグインを使っています。

Hi MuxLab team,

I think using something like gulp-processhtml can help us during development using gulp with linting and build source automaticcaly in a destination folder

https://www.npmjs.com/package/gulp-processhtml

My thoughts:

• move sources files into a src folder (js and html)
• add gulp plugins
• build project source with destination in leaflet folder
• update CONTRIBUTING.md

Create for #10

• gulpfile.js; to check js codes with lint and watch command
• package.json; npm init!
• .eslintrc; based on airbnb's one
• .gitignore; Mac, Node, Bower, Built files..

Change for #11

• CONTRIBUTING.md; Development Instructions, the link to airbnb's js style guide (es5)

The below css is not working on iOS Safari.

-webkit-transition: r 4s;

However D3.transition() is working. We try to replace every example to use transition into D3 solution.

d3.select('circle#' + properties['code'])
                        .transition()
                        .delay(0)
                        .duration(4000)
                        .attr('r', properties['mag']*2.5)

Targeted examples

• [x] https://github.com/muxlab/map-effects-100/blob/gh-pages/Leaflet/08_time-animation.html
• [x] https://github.com/muxlab/map-effects-100/blob/gh-pages/Leaflet/09_nearest-with-turf.html

assets/style.css and Map Effect No.11-14

• between "Meiryo" and Helvetica

html, body, #map {
  height: 600px;
  font-family: "Avenir LT W01 35 Light", "Century Gothic", "Meiryo" Helvetica, Arial, sans-serif;
}

muxlab/map-effects-100 now has a Chat Room on Gitter

@ynunokawa has just created a chat room. You can visit it here: https://gitter.im/muxlab/map-effects-100.

This pull-request adds this badge to your README.md:

If my aim is a little off, please let me know.

Happy chatting.

PS: Click here if you would prefer not to receive automatic pull-requests from Gitter in future.

Targeted examples

• [x] https://github.com/muxlab/map-effects-100/blob/gh-pages/Leaflet/05_svg-marker-animation.html
• [x] https://github.com/muxlab/map-effects-100/blob/gh-pages/Leaflet/08_time-animation.html

I will do it later. http://badge.fury.io/

• [ ] npm publish the repo
• [ ] add a version badge in README.md
• [ ] npm install into the Quick Start in README.md.

Test for @tsamaya 's PR #8 to allows https.

If only warning, we can marge it and will fix other issues by next patch.

• [x] D3, Turf, OSM

  @tsamaya have done them already.

• [x] CartoDB Basemap

  ~~I think that it is ignored at this time. Esri is better. But it should not update and add plugin for just a basemap. Stamen is also invalid? https://c.tile.stamen.com/toner/11/328/790.png~~ cartodb-basemaps-{s}.global.ssl.fastly.net can be accessed via https.

• [x] Open Data Portal of Esri Japan

  Yes, I agree. The geojson will be embedded into map-effects-100/data/.

• [ ] Font Awesome

  I think that it is ignored at this time. A known issue -> https://github.com/softlayer/sl-ember-components/issues/1034

• [ ] Video from mazwai

  http://mazwai.com/ HTTPS is not supported. We should take a large file into other storage services. S3?

Leaflet library on cdn.leafletjs.com is not supported HTTPS. Every example standardized by cdnjs.cloudflare.com to support it.

Old

<script src="//cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>

New

<script src="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.js"></script>