leaflet.js | OpenãªGISã®ã“ã¨
OpenLayersãƒã‚¿ã°ã‹ã‚Šã§ã¯ãªã‚“ãªã®ã§ã€Leafletã«ã¤ã„ã¦ã¡ã‚‡ã£ã¨è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ Leafletã¯ã€OpenLayersã¨åŒæ§˜browser上ã«mapを表ç¾ã™ã‚‹JavaScript libraryã§ã™ã€‚ ãªã‚“ã¨è¨€ã£ã¦ã‚‚軽é‡ã§ã™ã€‚ã‚ã£ã¡ã‚ƒå®¹é‡ãŒå°ã•ã„ã®ã«ã¯ã³ã£ãã‚Šã§ã™ã€‚ãã®ä»£ã‚ã‚ŠOpenLayersã®ã‚ˆã†ã«ä½•ã§ã‚‚ã¦ã‚“ã“盛りã§ãªãã€å¿…è¦æœ€ä½Žé™ã®æ©Ÿèƒ½ã‚’æŒã¡åˆã‚ã›ã¦ã„ã¾ã™ã€‚ Leafletã«ã¤ã„ã¦ã¯ã€leafletjs HPã‚’å‚ç…§ã—ã¦ãã ã•ã„。ã¾ãŸã€tutorialã‚‚ã‚ã‚‹ã®ã§ã€å®Ÿéš›ã«ä½¿ã†ã«ã¯å•é¡Œãªã„ã¨æ€ã„ã¾ã™ã€‚ 今回ã¯ã€è¶…～～簡å˜ãªLeafletã®exampleã‚’3ã¤ã»ã©ä½œæˆã—ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãšã¯ã€OpenStreetMapã‚’Leafletを使ã£ã¦è¡¨ç¤ºã—ã¦ã¿ã¾ã—ょã†ã€‚ example codeã¯ã€ä»¥ä¸‹ã®codeを入力ã—ã¾ã™ã€‚ ä¿å˜å…ˆã¯ã€c:ï¿¥ms4wï¿¥apacheï¿¥htdocsï¿¥lea
leafletã¯ã˜ã‚ã¾ã—㟠- monomotiã®æ—¥è¨˜
当エントリã¯ã€ FOSS4G Advent Calendar 2011 ã®12/19分ã¨ã—ã¦æŠ•ç¨¿ã—ãŸã‚‚ã®ã§ã™ã€‚ãœã²ä»–ã®æ–¹ã®ã‚¨ãƒ³ãƒˆãƒªã‚‚御覧下ã•ã„。 （錚々ãŸã‚‹é¢ã€…ã®ä¸ã«å‰²ã‚Šè¾¼ã‚“ã§ã—ã¾ã£ã¦ãƒ“クビクã—ã¦ãŠã‚Šã¾ã™ãŒã€ãã˜ã‘ãšæœ€å¾Œã¾ã§é ‘張りã¾ã™ï¼ï¼‰ ã“ã‚“ã«ã¡ã¯ã€‚monomotiã§ã™ã€‚「ã¡ãšã¶ã‚‰ã‚Šã€ã¨ã„ã†å¤åœ°å›³ï¼çµµåœ°å›³ã‚¢ãƒ—リã®ãƒ‡ãƒ¼ã‚¿ã®ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ã‚„サーãƒãƒ»web周りã®é–‹ç™ºã‚’ã‚„ã£ã¦ã„ã¾ã™ã€‚ ãã®ä¸ã§ã—ã°ã‚‰ãleafletを触る機会ãŒã‚ã‚Šã¾ã—ãŸã®ã§ã€ã„ã‚ã„ã‚レãƒãƒ¼ãƒˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ leafletã¨ã¯ 釈迦ã«èª¬æ³•ã¨ã¯æ€ã„ã¾ã™ãŒã€ä¸€å¿œã“ã®leafletã¨ã¯ä½•ã‹èª¬æ˜Žã—ã¦ãŠãã¾ã™ã¨ã€JavaScriptã§æ›¸ã‹ã‚ŒãŸã‚¿ã‚¤ãƒ«ãƒ™ãƒ¼ã‚¹ã®åœ°å›³ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ»ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ ãã®ç‰¹å¾´ã¯ã€ 軽é‡ï¼ˆãƒ•ãƒ«è£…å‚™ã§69KBï¼‰ï¼ å‹•ä½œãŒãƒŒãƒ«ãƒŒãƒ«ã—ã¦ã„ã¦ãŠæ´’è½ï¼ ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ヌルヌル感ã®ä¾‹ã‚’ã‚ã’ã‚‹ã¨ã€ã‚ºãƒ¼ãƒ ã¯é›¢æ•£ã‚ºãƒ¼ãƒ ãªã®ã§ã™ãŒã€ã‚º
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ヒートマップ　会津若æ¾å¸‚ã®æ¯Žæœˆå¤§å—別人å£ï¼ˆ2012年） - ビジュアライゼーションã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚·ãƒ¼ãƒˆ | Linked Open Data Challenge Japan 2012
wrobstory’s gists
{{#tags}}- {{label}}
{{/tags}}