[JS]スムーズãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åœ°å›³ï¼ˆå¤§ãã„ç”»åƒï¼‰ã‚’ダイナミックã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -CraftMap
地図ã®ã‚ˆã†ãªå¤§ãã„ç”»åƒã‚’指定サイズã«ã‚¯ãƒªãƒƒãƒ—ã—ã€ã‚¯ãƒªãƒƒã‚¯ã‚„ドラッグæ“作ã§ã‚¹ãƒ ーズã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ CraftMap [ad#ad-2] CraftMapã®ãƒ‡ãƒ¢ CraftMapã®å®Ÿè£… CraftMapã®ãƒ‡ãƒ¢ デモã¯äºŒã¤ã‚ã‚Šã€ãƒšãƒ¼ã‚¸å†…ã®ä¸€éƒ¨ã«é…ç½®ã—ãŸã‚‚ã®ã¨ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã„ã£ã±ã„ã«é…ç½®ã—ãŸã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ 地図ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ–¹æ³•ã¯3種類ã®æ“作ãŒå¯èƒ½ã§ã™ã€‚ ナビゲーション（左ã®ãƒ‘ãƒãƒ«ï¼‰ã®å„ラベルをクリック 地図上ã®ãƒžãƒ¼ã‚«ãƒ¼ã‚’クリック 地図をドラッグ å„ラベル・マーカーをクリックã™ã‚‹ã¨ã€ãã‚Œã«å¯¾å¿œã—ãŸä»˜åŠ æƒ…å ±ã‚’ãƒ‘ãƒãƒ«ã§è¡¨ç¤ºã—ã¾ã™ã€‚ Demo 2: ウインドウã„ã£ã±ã„ã«é…ç½® [ad#ad-2] CraftMapã®å®Ÿè£… 外部ファイル 「jquery.jsã€ã¨å½“スクリプトを外部ファイルã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="js/jquery.js" type="
案内地図ã¯Googleマップã ã‘ã§å¤§ä¸ˆå¤«ï¼Ÿ (ユーザビリティ実践メモ)
Googleマップã¯ç„¡æ–™ã§åˆ©ç”¨ã§ãã€çµ„ã¿è¾¼ã¿ã‚‚ç°¡å˜ãªãŸã‚ã€ä¼šç¤¾ã¸ã®æ¡ˆå†…地図ã¨ã—ã¦åˆ©ç”¨ã—ã¦ã„るサイトも多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ãŸã ã—ã€æ¡ä»¶ã«ã‚ˆã£ã¦ã¯ã€Googleマップã ã‘ã§ã¯ä¸å分ãªã‚±ãƒ¼ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚ 1）全ã¦ã®ãƒ¦ãƒ¼ã‚¶ãŒGoogleマップを使ã„ã“ãªã›ã‚‹ã‚ã‘ã§ã¯ãªã„ æ¥è¨ªã™ã‚‹ãƒ¦ãƒ¼ã‚¶ã¯å¿…ãšã—ã‚‚Googleマップã®æ“作ã«ç¿’熟ã—ã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“。Googleマップã¯ãƒ¦ãƒ¼ã‚¶ãŒåœ°å›³ã®è¡¨ç¤ºç¯„囲を移動ã—ãŸã‚Šã€ç¸®å°ºã‚’変更ã§ãる点ãŒé…力ã§ã™ãŒã€ç¸®å°ºå¤‰æ›´ã®æ“作ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆãƒªãƒ†ãƒ©ã‚·ãƒ¼ã®ä½Žã„ユーザã«ã¨ã£ã¦ã¯é›£æ˜“度ãŒé«˜ã„ãŸã‚ã€ãƒ¦ãƒ¼ã‚¶ã«æ“作ã•ã›ã‚‹ã“ã¨ã‚’å‰æã¨ã™ã‚‹ã“ã¨ã¯é¿ã‘ã‚‹ã¹ãã§ã™ã€‚ æ¥ç¤¾ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ã®ç‰¹æ€§ï¼ˆå‘¨è¾ºã®åœ°ç†ã«æ˜Žã‚‹ã„地元ã®äºº/地ç†ã«ç–Žã„é æ–¹ã®äººãªã©ï¼‰ã‚„利用ã™ã‚‹äº¤é€šæ‰‹æ®µï¼ˆé›»è»Šã€å¾’æ©ã€è‡ªå®¶ç”¨è»Šã€ãƒã‚¹ãªã©ï¼‰ã«ã‚ˆã£ã¦ã¯ç•°ãªã‚‹ç¸®å°ºã®åœ°å›³ã‚’æ示ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€ãã®å ´åˆã¯åºƒåŸŸåœ°å›³ã¨å‘¨è¾ºåœ°å›³ã‚’分ã‘ã¦æ示ã™ã‚‹
å„種地図サイトã«ã¿ã‚‹ã€Œå°åˆ·ã™ã‚‹ã¨ãã«ã¡ã‚‡ã£ã¨ä¾¿åˆ©ãªæ©Ÿèƒ½ã€ | S i M P L E * S i M P L E
å„種地図サイトã«ã¿ã‚‹ã€Œå°åˆ·ã™ã‚‹ã¨ãã«ã¡ã‚‡ã£ã¨ä¾¿åˆ©ãªæ©Ÿèƒ½ã€ May 8, 2007 8:08 AM written by 8maki Googleマップã§ã¯åœ°å›³ã®å°åˆ·ç”¨ãƒšãƒ¼ã‚¸ã«å°ç²‹ãªå·¥å¤«ãŒãªã•ã‚Œã¦ã„ã¾ã™ã€‚ 地図ã®ä¸Šã«ã¡ã‚‡ã£ã¨ã—ãŸãƒ¡ãƒ¢æ¬„ã‚’ç½®ã„ã¦ãã‚Œã¦ã„ã‚‹ã®ã§ã™ã€‚å°åˆ·ã—ã¦é…ã‚‹ã¨ããªã©ã€ã“ã“ã«å¾…ã¡åˆã‚ã›æ™‚間や金é¡ã¨ã„ã£ãŸãƒ¡ãƒ¢ã‚’書ã„ã¦ãŠã‘ã°çš†ã§å…±æœ‰ã§ãã¦ä¾¿åˆ©ã§ã™ã‚ˆã。 ã“ã‚Œã¯ã“ã‚Œã§ä¾¿åˆ©ã§ã™ãŒã€ã•ã‚‰ã«åœ§å·»ãªã®ã¯MapFan Webã®å°åˆ·ç”¨ãƒšãƒ¼ã‚¸ã€‚ ↑ãªã‚“ã¨ãƒ¡ãƒ¢ã«åŠ ãˆã¦ã€åºƒåŸŸåœ°å›³ã¨è©³ç´°åœ°å›³ã®2ã¤ã‚’1ページã«å°åˆ·ã§ãるデュアルマップ機能やã€å°åˆ·æ™‚ã«ã‚¿ãƒ†ã¨ãƒ¨ã‚³ã‚’変更ã§ããŸã‚Šã¨ãªã‹ãªã‹å‡ã£ã¦ã¾ã™ã€‚ 飲ã¿ä¼šã‚·ãƒ¼ã‚ºãƒ³ã«ãªã‚‹ã¨å¤šãã®äººãŒã‚°ãƒ«ãƒ¡æƒ…å ±ã‚µã‚¤ãƒˆã§ãŠåº—を調ã¹ã¾ã™ã‚ˆã。ãã®ã¨ãクーãƒãƒ³åˆ¸ã‚„地図をå°åˆ·ã—ã¦æŒã£ã¦è¡Œã‹ã‚Œã‚‹äººã¨ã‚‚多ã„ã¯ãšã€‚ ã‚°ãƒ«ãƒ¡æƒ…å ±ã‚µã‚¤ãƒˆã®å°åˆ·ç”¨ãƒšãƒ¼ã‚¸ã¯ã‚¯ãƒ¼ãƒãƒ³ã‚„地図ãŒ1ページã«å°åˆ·ã§ãã¦ã€ã†ã¾ã„レ
無料アクセス解æžãƒ„ール with ä½ç½®æƒ…å ±ãƒ–ãƒã‚°ãƒ‘ーツ 「ãªã‹ã®ã²ã¨ã€
ãªã‹ã®ã²ã¨é‹å–¶å§”員会ãŒé–‹ç™ºã—ãŸç„¡æ–™ã‚¢ã‚¯ã‚»ã‚¹è§£æžã‚µãƒ¼ãƒ“ス「ãªã‹ã®ã²ã¨ã€ã¯ã€2013å¹´ã«ã‚µãƒ¼ãƒ“ス終了ã—ã¾ã—ãŸã€‚ User Local,Inc.
グーグルマップã¯åœ°å›³ã®èªã‚ãªã„女ã«ã¯ã„らãªã„ | ä¼æ¥ãƒ›ãƒ¼ãƒ ページé‹å–¶ã®å¿ƒå¾—
コンテンツã¯ç¾å ´ã«ã‚ãµã‚Œã¦ã„る。会è°å®¤ã§è©±ã—åˆã†ã‚ˆã‚Šè·äººã‚’呼ã¹ã€‚å–¶æ¥ãƒžãƒ³ã¨è©±ã‚’ã•ã›ã‚。Web 2.0ã ã€CGMã ã€Ajaxã ã¨é¨’ã„ã§ã„ã‚‹ã®ã¯ã€Œã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆæ¥ç•Œã€ã ã‘。ä¸å°ä¼æ¥ã®ã€Œå•†å£²ç”¨ã€ãƒ›ãƒ¼ãƒ ページã«ã¯ãれ以å‰ã«ã‚‚ã£ã¨ã‚‚ã£ã¨å¤§åˆ‡ãªã‚‚ã®ãŒã‚る。ä¼æ¥ãƒ›ãƒ¼ãƒ ページã®æœ€åˆã®ä¸€æ©ãŒã‚ã‹ã‚‰ãšã«ãƒœã‚¿ãƒ³ã‚’掛ã‘é•ãˆã¦ã„ã‚‹Web担当者ã«å¿ƒå¾—を授ã‘る実践ç¾å ´ä¸»ç¾©ã‚³ãƒ©ãƒ 。 宮脇 ç¦ï¼ˆæœ‰é™ä¼šç¤¾ã‚¢ã‚ºãƒ¢ãƒ¼ãƒ‰ï¼‰ 心得其ã®ä¸ƒ SEOã€SEMã€ãã®æ¬¡ã®ãƒã‚§ãƒƒã‚¯ãƒã‚¤ãƒ³ãƒˆå•†å£²ç”¨ãƒ›ãƒ¼ãƒ ページã®ç›¸è«‡ã‚’å—ã‘ã‚‹ã¨ã€ã„ã¾ã§ã‚‚ãƒ•ãƒ¬ãƒ¼ãƒ æ§‹é€ ã§ä½œã‚‰ã‚Œã¦ã„ãŸã‚Šæœ€ä½Žé™ã®SEOãŒæ–½ã•ã‚Œã¦ã„ãªã„ã“ã¨ãŒå°‘ãªãã‚ã‚Šã¾ã›ã‚“。ã¾ãŸã€ã€Œã“ã‚Œãらã„ã‚ã‹ã‚‹ã ã‚ã†ã€ã¨ã„ã†æ€ã„ã“ã¿ã‚„手抜ãã«ã‚ˆã‚Šèª¬æ˜Žä¸è¶³ã¨ãªã£ã¦ã„るサイトも多ãã€ç›¸è«‡ã‚’æŒã¡è¾¼ã‚€ã‚ã‘ã§ã™ã‹ã‚‰ã€å•é¡Œå±±ç©ã§å½“然ãªã®ã§ã™ãŒã€æ£ç›´ã‚¹ã‚¿ãƒ¼ãƒˆãƒ©ã‚¤ãƒ³ä»¥å‰ã¨ã„ã†ãƒ›ãƒ¼ãƒ ページも多ã„ã®ã§ã™ã€‚ 技術é¢ã‹ã‚‰ã®SEOã‚„ã€å–¶æ¥æˆ¦ç•¥ã‚‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ホームページ内ã®åœ°å›³ï¼ˆGoogle Map）ãŒæ£å¸¸ã«è¡¨ç¤ºã•ã‚Œãªã„ã“ã¨ã«ã¤ã„ã¦ï¼å·å£å¸‚ホームページ
6月11日以é™ã€Google Maps APIã«ã‚ˆã‚‹åœ°å›³è¡¨ç¤ºãŒè–„æš—ããªã‚‹ï¼ã‚¨ãƒ©ãƒ¼ã«ãªã‚‹ã‚±ãƒ¼ã‚¹ã‚‚――「Google Maps Platformã€ç§»è¡Œã§ä½•ãŒå¤‰ã‚る？　利用者ã¯ã€APIã‚ーã¨èª²é‡‘è¨å®šã®ç¢ºèªã‚’
ãŠçŸ¥ã‚‰ã›/奈良県公å¼ãƒ›ãƒ¼ãƒ ページ
Engadget | Technology News & Reviews
{{#tags}}- {{label}}
{{/tags}}