APIと比較しながら解説します。基本的な地図の表示、マーカーやクリックイベントの設定方法は前回紹介しましたので、今回は、地図の移動やズームレベルの変更方法、地図上への多角形の描画方法を解説します。地図を移動させる最初に、指定した緯度・経度の場所に地図を移動させてみましょう。地図の移動は、GoogleマップもYahoo!マップもマップオブジェクトのpanTo()メソッドを使い、移動先の緯度・経度を示すオブジェクトを引数に指定します。Yahoo!マップの場合は、panTo()メソッドの第2引数にアニメーションフラグを指定できます。trueならアニメーションしながら地図がスクロールし、falseならすぐに表示が切り替わります。サンプル10がGoogleマップ、サンプル11がYahoo!マップです。Googleマップの場合。5秒後に渋谷駅まで地図が移動するYahoo!マップの場合。一覧へPROGRAMMINGenchant.jsで懐かしのインベーダーゲームを作ろうなつかしのインベーダー風のゲームをJavaScriptライブラリー「enchant.js」で作るチュートリアル。ブロック崩しを応用すれば手軽に作れる。Event」とenchant.jsを使ってセンサーで操作するブロック崩しを作ってみた。Event」が実装されている。enchant.jsと組み合わせてゲームを作ろう。PROGRAMMINGWebRTCでブラウザーが防犯カメラに!JavaScriptでカメラやマイクなどからリアルタイムでデータを取り込めるWebRTCを使ってブラウザーで動く防犯カメラアプリを作ってみた。ファイルの書き込み/読み込み方法を学んで簡易ファイラーを完成させよう。APIを使うと、ディレクトリを持ったファイルシステムにJavaScriptを使ってデータを保存できる。ファイルの作成・削除などの基本の使い方を紹介する。この記事の編集者は以下の記事をオススメしていますPROGRAMMING古籏一浩のJavaScriptラボ活躍の舞台をどんどん広げているJavaScript。本連載では、JavaScript関連書の執筆でおなじみの古籏一浩氏が、最新の活用Tipsから今後注目のAjax/JavaScriptライブラリーの解説まで、“楽しくできて役立つネタ”をお届けします。APIと比較しながら解説する。API」がバージョンアップし、使い勝手がさらによくなった。基本的な使い方を紹介する。API」に新機能「ルート案内API」が追加された。ルート案内APIの基本的な使い方を解説する。00DESIGNGoogleマップ初歩の初歩!静的地図を組み込もうWebサイトに地図を載せる方法としてすっかり定着したGoogleマップ。今回は、静的なGoogleマップを使ってお店の地図を簡単に表示してみよう。00ヤフーの携帯電話向け地図アプリ、年内で終了ヤフーは4月11日、携帯電話向けのサービス「Yahoo!地図アプリ」と「路線・地図アプリ」を、2013年の12月24日に終了すると発表した。スマホお気に入り一覧マイページ。