codeforsapporo / papamama Goto Github PK
View Code? Open in Web Editor NEW「さっぽろ保育園マップ」ソースコード
Home Page: http://papamama.codeforsapporo.org
License: MIT License
「さっぽろ保育園マップ」ソースコード
Home Page: http://papamama.codeforsapporo.org
License: MIT License
距離に関して任意地点からの500mごととかの同心円を描写したい。
緑丸をクリックして保育園・幼稚園のポップアップを出した後、別の緑丸をクリックすると最初にクリックした情報が引き続きポップアップに表示される。
区の絞り込みセレクトボックスを追加
スマホ向けにヘッダーメニューとフッターメニューを設置したい。
「さっぽろ保育園マップ」ロゴも入れられるようにしたい
�ボタンを押したときにオンオフが分かるようになってほしい
地図をある程度拡大したら保育所の住所や電話番号、開所時間のリストを自動で表示されるようにしたい。
印刷用のcssが必要
地図の印刷機能。できればPDF。
このようなレイアウトが理想:https://jauntful.com/
以下の項目をgeojsonデータに含ませることができるか。
市ではこれらのデータを把握しているか。
他の地域でpapamamaをカスタマイズする場合に、どこを変えればよいのかがわかると利用しやすいのではないかと思います。
5374では
https://github.com/codeforkanazawa-org/5374/blob/master/LOCALIZE.md
このようなファイルが準備されていました。
ここまでかっちりしていなくても、READMEに記述があるだけでも違うかな?と思いました。
保育施設名称を対象とした絞り込み検索を行いたい。
�
検索ダイアログに施設が対応可能な対象年齢��で絞り込めるフォームを追加したい。
11�月分の保育施設 geojson ファイルは properties 情報属性名に日本語と英語が混じった状態。
今後の方針として、属性名は英語とすると決めているので、英語属性名 properties 情報を読み込むよう各処理に変更を行う。
URLを追加したスプレッドシートを作りました。
よろしくお願いいたします。
http://mlevans.github.io/leaflet-hash/map.html#12/37.7631/-122.4435
こんな感じで、URLに緯度経度を指定することで、
地図中心座標をユーザが指定できるようにしたい。
円の大きさを変えることで「認可外保育所」「幼稚園」等の施設種類を分類して視覚化してますが、大きさではなく配色を変更する事で分類した方が分かりやすいように思いました。
施設geojsonデータプロパティ�に Vacancy2 という名前で最終更新日が入るようになったので、この属性の値を取得し、吹き出し部の空き状況行に「空きあり(xx/x 日現在)」と表示する。
README.mdの追加により、プロジェクトの説明が掲載されるようになります。
https://github.com/codeforsapporo/papamama/blob/master/doc/dataSpecification.xls
中の
Extra 延長保育あり:Y
は
Extra 延長保育時間:時間数
かもしれません
ol.extent.containsCoordinate(extent, coordinate) を用いることで、描いたポリゴンのextent情報に coordinate で指定した緯度経度座標が含まれるか確認ができる模様。
このAPIを用いて
・画面の中心から半径1kmの多角形ポリゴンを作成
・ポリゴンの extent 情報を取得
・施設 geojson ファイルに含まれる施設座標�がポリゴンのextent情報に含まれるか確認
・ポリゴンに含まれる施設情報�を一覧取得
という処理を実装したい。
検索フォームの項目数が増えてきてダイアログに収まりきれなくなったので、ダイアログからパネル表示に変更したい。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.