JavaScriptでforEach, filter, map, reduceとか - Qiita連想配列(object)だと使えないので、eachはjQueryの$.each(collection, callback)の方が使い勝手がいいかも。 [2, 5, 9].forEach(function(element, index, array) { console.log(index + ":" + element); /** * 0:2 * 1:5 * 2:9 */ });
美しい世界地図をJavaScriptで描ける「jQuery Vector Maps」
twitter facebook hatena google pocket 世界地図を表示したい場合、フリー素材やGoogle Mapなどあるかと思いますが、ちょっと味気ないですよね。 jQuery Vector Mapsを利用すると手間少なく、かつイマドキ風の美しい世界地図を描画可能です。 sponsors 使用方法 jQuery Vector Mapsからファイル一式をダウンロード。 下記のように地図の指定をします。 <link rel="stylesheet" type="text/css" href="jqvmap.css" /> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="jquery.vmap.js"></script
[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="
FlashでGoogleMapsの色を変えてみた | _level0 - KAYAC Front Engineer Blog
１年ほど前の話になりますが、Google Maps API V3 が正式な JavaScript API になり、 JavaScriptAPIで描画されたGoogleMaps上の任意の要素の色味を調整出来るようになりました。 Google Maps API for Flashの方も色味の調整が可能になっていたので紹介です。 上の画像は、先日制作させていただいた、PUMA SOCIAL(http://social.puma.jp/)というサイトのNEON MAPというコンテンツで、全国のプレイスポット（ビリヤード場とかダーツとか）や、サイトにログインしているユーザーの位置情報をプロットした地図コンテンツです。 GoogleMapsにスタイルを適用することで地図全体の彩度を落とし、 サイト全体のデザイン馴染むようにしています。 細かい説明は、本家のドキュメントを見てもらった方がよいと思うので
javascript + iOS - 現在位置をGoogle Mapに表示 : 404 Blog Not Found
2010年07月03日05:30 カテゴリTipsLightweight Languages javascript + iOS - 現在位置をGoogle Mapに表示 WEB+DB PRESS vol. 57 WEB+DB Vol.57の［速習］位置情報サービスを見てたら、 404 Blog Not Found:javascript + perl - 住所でGoogle MapにアクセスするHack で現在位置を自動入力できることに気がついたので速習。 FirefoxとiPhoneおよびiPadで動作確認しています。Safari 5でも動くのですが、位置取得ができないというエラーになります。 これと同じことはiPhone/iPad標準装備のMapアプリでも当然できますし、Twitterクライアントの多くがこれと同様の機能を備えているわけですが、自作もこの程度には楽ということで。 Enjo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Redirecting...
The Leaflet.js Site Map
CesiumJS
Xcode Tips -MKMapView-
Memo, AndroidとiOSのブラウザリンクから地図アプリを起動するURL Scheme情報リンク
Map Icons Collection - 1000+ free & customizable icons for maps
http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html