Googleマップをイラストマップみたいにしたい。
サイト制作において、アクセスマップなどの地図の表示はどうしてますか？「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ！というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました（2015.7.20追記）。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発
jQueryのソースコードを読むための参考サイト２０選 · DQNEO日記
古いバージョンも参考になる 最新バージョンはコードが1万行くらいあってなかなか大変です。 読み疲れたら、古いバージョンを見て気分転換しましょう。 古いバージョンは実装がシンプルなので、全体像を把握するにはよいかもしれません。 バージョン1.0 (わずか1800行。ver1.7の５分の１です) http://code.jquery.com/jquery-1.0.js バージョン1.1 (2100行) http://code.jquery.com/jquery-1.1.js バージョン1.2 (2900行) http://code.jquery.com/jquery-1.2.js バージョン1.3 (4200行) http://code.jquery.com/jquery-1.3.js バージョン1.4 (6000行。セレクタエンジンがSizzleになりました。) http://code.jq
iOSアプリ開発を捗らせるツールのまとめ
iOSアプリ開発で自分がよく使うツールとサービスについてまとめてみました。 BaaS: Parse.com ソーシャルな機能は持たせたいけどサーバ作るのだるい、そんなアプリ開発者の味方がBaaS(Backend as a Service)です。最近熱いですね。Kinvey, StackMobなども試してみましたが、機能的にも料金的にも一番おすすめなのがParse.comです。100万APIまで無料、100万〜1500万APIまで$199という価格設定です。サーバは書くのが嫌というよりデプロイがめんどいくさいんですよね。BaaSなら一瞬でアクティブになりますので捗ります。 リファレンス: Dash 高速にリファレンスを検索したい時、Dashが使えます。 iOS以外にもjQuery,Android,Rails等ひと通り揃っています。 リポジトリ: github リポジトリは何でも言いっちゃ何で
プログラミング初心者のうちに身につけたい３つの習慣 | Social Change!
プログラミング技術さえ身に付けば、プログラマとして一人前と言えるでしょうか？ プログラミングを始めたばかりのうちは、プログラミング言語の習得や周辺の知識を得ることばかりに目がいきがちですが、それだけでは一流のプログラマになれません。（プログラミング言語を学びたいならこちら：写経で身につけるプログラミングの基本） プログラマとして成長するためには、プログラミング技術を学ぶだけではなく、良いソフトウェアを作るための良い習慣を身に付けることが大事になります。初心者のうちに良い習慣を身につけておけば、ただ知識を追い求めるのではなく地に足をつけた成長ができるはずです。 本記事では、私自身も先人たちから学んだプログラマが身につけたい３つの習慣について書いています。 自分で書いたすべてのコードを説明できるようになろう プログラミングは全て、明確な判断の結果です。if文を使うべきかどうか、どのAPIを使う
Android4.0にはHTML5 History APIが実装されていない - 愛と勇気と缶ビール
（※このエントリーは、「Androidのブラウザは本当のクソAdvent Calendar」の一日目の記事として書いています） 12/2に発売予定のGalaxy Nexusにも搭載される予定のAndroid4.0ですが、なんと標準ブラウザにHTML5 history APIが「実装されていません」。 2.2系、2.3系にはあったのに、なぜかなくなっています。 http://caniuse.com/#search=pushState ここに書いてある通り、実際にAndroid4.0のemulatorでHistory APIが「ない」ことが確認されています。4.0はスマートフォン向けの2系とタブレット向けの3系の合流、という立ち位置らしいですが、ブラウザに関してはHistory APIのない3系に寄ってしまっているのでしょうか…。 「お前の好きなAPIがなくなったくらいで騒ぐなよ」という人もい
Google MapsのAPI有料化へ
無料で使うには性能が良くなり過ぎたのだ。 Google提供のサービスの最高にして最大の魅力は｢無料｣だということ。こんなに素晴らしいものを無料で提供してくれるなんてありがたいことです。が、その無料伝説にも限界がありました。 Googleの提供する大きなサービスの1つであるGoogle Mapsが来年2012年1月1日より一部有料となります。有料化されるのはGoogle APIで、日に2万5000回以上APIにアクセスする場合は課金されるようになります。価格はまだ詳しく発表されていませんが、噂では2万5000回を超える場合は1000回につき4ドル（約312円）程度になるのではないかとのこと。また、1日に2万5000回を超えてアクセスをするのはユーザー全体のほんの0.35％くらいだということなので、ほとんどの人はまだまだこの素晴らしい地図サービスを無料で使用し続けることができますね。 [BBC
GoogleMapのAPIと併せて使える７００種のアイコンセット「Map Icons Collection」:phpspot開発日誌
GoogleMapのAPIと併せて使える７００種のアイコンセット「Map Icons Collection」 2011年09月01日- Map Icons Collection | Google Maps Icons, Map Markers, Free POI Icons, GIS Symbols GoogleMapのAPIと併せて使える７００種のアイコンセット「Map Icons Collection」 次のようないい感じのポインターアイコンが７００種つまったアイコンセットが公開されています。 GoogleMapとアイコンを組み合わせて便利な機能をサイトに組み込むのに役立ちそうです。 Google Mapは今後もサイト作りにおいて使うケースが色々とありそうなので覚えておくと便利ですね 関連エントリ Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps
Googleマップを3Dで表示させるMaps Flash APIのサンプルいろいろ
Googleマップを3Dで、つまりバードビューのように表示して、奥行きを感じさせることが出来るようになるのがMaps Flash API。 そのサンプルがいくつか紹介されていたので書きとめておきます。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Googleマップを3Ｄで表示する「Maps API for Flash」サンプルいままでは、3Dのマップを表示するにはGoogle Earth プラグインを使う必要がありましたが、Maps API for Flashによって、Googleマップで3Dのマップを表示させられるようになります。 そのサンプルが、Google Geo Developers Blogで紹介されていました。 Google Maps for Flash API のデモ動画Weat
Google Maps API for Flash + Street View - MotuLog
このサイトを見てて、 Google Maps API for Flashにストリートビュー機能があるのかなーと思って調べたのですが、 どうやら通常のGoogle Maps APIのストリートビュー機能と連携を取っているようですね。 GoogleCodeのDemo Galleryにもある、以下のサイトで詳しく説明されてました。 Making Components Work Together | InsideRIA ソースも載っているので非常に分かりやすいです。今回は、ストリートビューのパノラマとFlashのマーカーの位置を同期するように改良しました。 位置情報はExternalInterfaceを使ってFlashとJSでやり取りします。 こちらデモ。 ActionScript： package { import flash.display.Stage; import flash.displa
Flash CS3でGoogle Maps APIを利用してみる | alt
Flash CS3でGoogle Maps APIを利用してみる Published by alt on 11 月 27, 2008 01:35 am Category[ サンプル ] Google Mapコンポーネントで簡単にFlashでも地図を扱うことができるので今回は表示部分だけやってみました。 で、CS3で作る際にまず準備として １．APIキー取得 http://code.google.com/apis/maps/signup.html ２．SDK（swcファイル）をダウンロード http://code.google.com/apis/maps/documentation/flash/ 解凍して中のswcファイル（最新はmap_1_8a.swc）を C:\Program Files\Adobe\Adobe Flash CS3\ja\Configuratio
Google Maps API for Flash ã®åºæ¬ - Google Maps API for Flash - Google Code
ãããããã¼ ã¬ã¤ã ãã¥ã¼ããªã¢ã« Flex SDK FlexBuilder Flash CS3 åºæ¬ ã¤ãã³ã ã³ã³ããã¼ã« ãªã¼ãã¼ã¬ã¤ ãµã¼ãã¹ API ãªãã¡ã¬ã³ã¹ ã³ã¼ã ãµã³ãã«: ãã¢ ä¾ ãã®ä»ã®ãªã½ã¼ã¹: è¨äº New! ãã¬ã¼ã³ãã¼ã·ã§ã³ æ¢ç¥ã®åé¡ ã¦ã¼ãã£ãªã㣠ã©ã¤ãã©ãª 緯度ã¨çµåº¦ ãã¥ã¼ããªã¢ã«ã§ã¯ LatLng ãªãã¸ã§ã¯ã
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
第7回 Google App Engineで位置情報サービスを作ってみよう | gihyo.jp
連載の最終回となる今回は、これまでの内容のおさらいとして、Google App Engineで自分の位置情報を記録するサイトを作ってみます。 アプリケーションの内容 今回作成するアプリケーションは、簡単な位置情報サービスということで、以下のようなサイトにしたいと思います。 Goelocation APIに対応したブラウザでトップページを開いていると、測位された位置が変わるごとにサーバへ緯度経度をPOSTし、Geohashに変換してGoogle App Engineのデータストアに保存する。 履歴ページ（/history）へアクセスすると、地図を表示し、それまでに記録されている位置を線でつないで地図上に表示する。 今回必要となる技術要素は以下のようになります。 トップページ： Google Maps JavaScript APIを利用した地図の表示 JavaScriptによる位置情報の取得
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
