[JS]é™ã‚‰ã‚ŒãŸé ˜åŸŸå†…ã§å¤§ãã„ç”»åƒã‚’ドラッグã§ã‚¹ãƒ©ã‚¤ãƒ‰ã§ãるスクリプト -SpryMap大ãã„ç”»åƒã‚’é™ã‚‰ã‚ŒãŸé ˜åŸŸå†…ã«è¡¨ç¤ºã—ã€Googleマップã®ã‚ˆã†ã«ãƒžã‚¦ã‚¹ã®ã‚¯ãƒªãƒƒã‚¯ã¨ãƒ‰ãƒ©ãƒƒã‚°ã§ãã®ç”»åƒã‚’アニメーションã§ã‚¹ãƒ©ã‚¤ãƒ‰ã§ãるスクリプトを紹介ã—ã¾ã™ã€‚ SpryMap デモページ [ad#ad-2] スクリプトã¯jQueryãªã©ã®ä»–ã®ãƒ©ã‚¤ãƒ–ラリã¯å¿…è¦ã¨ã›ãšã€å˜ç‹¬ã§å‹•ä½œã—ã¾ã™ã€‚ SpryMapã®ç‰¹å¾´ ä»–ã®ãƒ©ã‚¤ãƒ–ラリã«ä¾å˜ã›ãšã«å‹•ä½œã™ã‚‹è¶…軽é‡ï¼ˆ3KB）ã®ã‚¹ã‚¯ãƒªãƒ—ト。 ç”»åƒã‚’表示ã™ã‚‹é ˜åŸŸã¯ãƒ”クセルå˜ä½ã§æŒ‡å®šãŒå¯èƒ½ã€‚ ç”»åƒã‚’最åˆã«è¡¨ç¤ºã™ã‚‹åº§æ¨™ã‚’è¨å®šå¯èƒ½ã€‚ スクãƒãƒ¼ãƒ«ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ™‚é–“ã‚’è¨å®šå¯èƒ½ã€‚ SpryMapã®å®Ÿè£… 実装ã¯ç°¡å˜ã§ã€ç”»åƒã«idを指定ã—ã¦ä½¿ç”¨ã—ã¾ã™ã€‚ HTML スクリプトã§ãƒ©ãƒƒãƒ‘ーã¨ãªã‚‹divè¦ç´ ã‚’è¿½åŠ ã—ã¾ã™ã€‚divã®classã¯ã‚ªãƒ—ションã§è¨å®šã§ãã¾ã™ã€‚ <img id="worldMap" src="map.jpg" alt="A map of the world." /
{{#tags}}- {{label}}
{{/tags}}