Re: MySQL + PHP + Google Maps API 復習 - Seis Pesos
MySQL データベースに php でアクセスして Google マップを作る方法を書き直し再録します。ただし、以下の例はレンタルサーバーがロリポップのケースです。お使いの環境によって多少変わるかもしれないことをご了承下さい。 今回は、例として次のような地図を作ります。 （新しいウィンドウで開く） ・まず、phpMyAdmin で MySQL にアクセス。 ・ひとつテーブルを設けます。 ・このフィールドに、以下を記述。例として、テーブル名を「MLB」とします。 CREATE TABLE MLB ( id int(11) NOT NULL auto_increment, stadium varchar(255) NOT NULL default '', lat decimal(10,6) NOT NULL default '0.000000', lng decimal(10,6) NOT N
googlemapsでゲームブック - 不動産屋のラノベ読み
今日はオタクな話ですので、ついてこれない人は置き去りです。 ゲームブックの話です。 「火吹き山の魔法使い」とか「ソーサリー」シリーズとか「ドラゴン・ファンタジー」シリーズとか。ゲームブックの名作はたくさんあります。 でも、私が知っている中で最もユニークなものは、「シャーロック・ホームズ10の怪事件」です。 何がユニークかって、ゲームブックに必須の「○○へ行け」がないんです。 じゃあ、どうやってゲームを進めるのかというと。 ゲームの中には、「ロンドン住所録」「ロンドン住宅地図」「ロンドンタイムス」が同封されています。 そして、本体にはシナリオごとに「住所に対応するパラグラフ」があるのです。 ですから、事件の依頼がはいるイントロダクションシーンが終わると、後はどのパラグラフを見るのかプレイヤーに任されています。 例えば。 事件関係者の名前から「ロンドン住所録」で住所を調べて尋ねる 現場付近の家
GoogleMapAPIの商用利用 - Qiita
ざっくりと無償版と有償版の説明 無償版 無償版でも利用規約に反しない範囲で商用利用は可能です。 参考：Google Maps APIとGoogle Maps API Premier(有償版)の違いについて 1.いつでも、誰でも、どこからでも、同じコンテンツが利用できるようになっていること 2.Google Maps API(無償版)を利用して直接的な収益をあげるような商用利用は行わないこと 具体的には ×社内でのみ利用する場合 ×有償会員サイトで利用する場合 ○無償会員制サイト ×ある製品、サービスを購入しないと利用できない場合 （もしくは製品サービスを購入しないと利用勝手が異なる） ○広告収入で収益をえているサイト ×販売するソフトウェアへの組み込み ×商用SaaS/ASPサービス また、無償版には使用制限があります。（後述） 90日連続で使用制限を超えた場合、課金されます。（1000回
GoogleMapAPIv3まとめ。 - Qiita
GoogleMapAPI v3はグーグルマップを操作するAPIです。 このAPIを使うとグーグルマップでオリジナルの地図を作ることができます。 WebブラウザでみるアプリのためのJavaScriptAPIについて書いています。 Google Maps JavaScript API サンプルを作る GoogleMapを使ったアプリは簡単に言うと以下の３つが基本だと思います。 マップを作る マーカー打つ 吹き出し表示 これらを踏まえたサンプルを作ってみます。 APIを読み込む HTMLのbody閉じタグ直前もしくはhead内でAPIを読み込みます。 <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js"></script> <script type="text/javascript" src="ht
Google Maps APIを使って複数のマーカーと吹き出しを設置してみる ｜ Tips Note by TAM
Google Maps APIを使って、地図を表示したりマーカーを立てたりをやってみます。 今回使用するのは、以下のJavaScript API になります。 Google Maps JavaScript API | Google Developers ■目次 Google マップの表示 Google マップにマーカーを立てる マーカーに吹き出しを追加する 住所から緯度と経度を調べる Google マップに複数のマーカーを立てる 1. Google マップの表示 まずは地図を埋め込んでみます。 実際に使用する場合はAPIキーを取得したほうがよいですが、今回は動作の確認ができればよいので省略します。 APIキーを使用する場合は、こちらからAPIを有効にして、APIキーを作成して下さい。 1-1. 地図を埋め込む場所を指定 ■HTML <div id="sample"></div> 1-2.
モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI
モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI 川田寛（ピクシブ株式会社） こんにちは、ふろしきです！ 私はHTML5 Experts.jpで、過去2年ほどGoogle I/Oの情報を発信し、Web技術の変化についてお伝えしてきました。振り返るとGoogleは、2014年にモバイルWebの提唱と技術要素の拡大を図り、2015年からは「RAIL（モバイルWebが目指すべきパフォーマンス指標）」や「Progressive Web Apps（アプリのように振る舞うWeb）」といった、モバイルとの親和性が高いWebを作り出すための”考え方”を推し進めました。今年2016年は、さらにそれを踏み込んでいったという感じがします。 今回のI/Oで取り上げるのもそのひとつ。毎度お馴染みGoogle Developer A
スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
Google Maps APIを使ったページの基本構成 | Google Maps JavaScript API入門
Google Maps APIを使うことでWebページの中に地図を使ったコンテンツを表示することができます。ここではGoogle Maps APIを実際に使ったWebページの簡単な例をご紹介します。 1.Google Maps APIを使ったWebページの構成 2.サンプルコード Google Maps APIを使ったWebページの構成 まず元となるWebページとして次のようなものを使います。HTML5ベースです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Google Maps API サンプル</title> </head> <body> <p>自宅の地図です。</p> </body> </html> 地図を表示したい場所に「map」という名前でdiv要素を記述します。このdiv要素があと
実は想像しているよりもすごかったGoogleマップの裏技10連発！ | ライフハッカー・ジャパン
Googleマップを日々便利に活用しておられる方は、かなりたくさんいらっしゃるかと思いますが、実は日常で使っている機能以外にもGoogleマップには数多くのデータが埋め込まれているのです。今回はバケーションに、スプレッドシート好きに、バイカーに役立つ隠れ機能を一挙にご紹介しちゃいます！ ■1. うろ覚えの記憶の代わりにスター付きのアドレスを活用（日本未対応） 些細なことのように思えるかも知れませんが、Googleマップのロケーションリストの隣に表示されるスターアイコンをクリックするとかなり時間の節約が出来ます。Android、BlackBerry、Windows MobileやSymbianなどの携帯(iPhoneは近い将来に対応予定）から、行き方を知りたいアドレスを調べる場合、スターを付けたアイテムを呼び出すのは、住所を入力して検索していくよりもかなりスピーディーです。行きたい場所の一時
カナダ人の少年、星座の並びをヒントに古代マヤ文明の都市を発見！！ : SOCIETAS [ソキエタス]
カナダ人の少年が衝撃的な偉業を成し遂げた。カナダ・ケベック在住の15歳の少年William Gadoury君は、「マヤ暦で2012年に世界の終りが予言されている」という逸話を知ったことをきっかけに南米の古代文明に興味を持ち、3年前からある仮説を立てて独自に「研究」を行っていた。その仮説とは、マヤ文明の古代都市が星座の並びを模して配置されているというものである。 Gadoury君は 「なぜマヤ文明の都市は川から離れた山奥の不便な場所に造られたのか？」 と疑問を持ち、上述の仮説を思いついた。この仮説を検証するためにGadoury君が使ったツールはなんとGoogle Maps。Gadoury君はマヤのGISをダウンロードして地図上にプロットし、その地図に南米から見ることのできる範囲の星図を重ね合わせてみた。 結果、驚くべきことが明らかになった。マヤ文明の117の都市が実際の星の並びと一致していた
![カナダ人の少年、星座の並びをヒントに古代マヤ文明の都市を発見！！ : SOCIETAS [ソキエタス]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c68fd2dd1b6a7afc9ae2c5ea17c50f3c50c6560c/height=288;version=1;width=512/http%3A%2F%2Flivedoor.blogimg.jp%2Fsoci%2Fimgs%2Fd%2F8%2Fd83db2ec.jpg)
東京メトロ路線図・都営地下鉄路線図・JR路線図・私鉄路線図: Google マップ
開業、廃止、移管予定の主な路線や駅 (更新: 2024年6月11日) 2024年度内: 大阪メトロ 北港テクノポート線 (コスモスクエア～夢洲間) 開業予定 2024年度内: 抜海駅 (JR宗谷本線) 廃止予定 2025年3月: 仙巌園駅 (JR日豊本線、竜ケ水～鹿児島間) 開業予定 2025年春: 上所駅 (JR越後線、新潟～白山間) 開業予定 2026年3月頃: しきぶ駅 (ハピラインふくい、王子保～武生間) 開業予定 2026年3月末: JR北海道 留萌線 (深川～石狩沼田間) 廃止予定 2026年度: 豊岡新駅 (仮称、JR信越本線、北高崎～群馬八幡間) 開業予定 2027年: 名称未定新駅 (JR鹿児島本線、箱崎～千早間) 開業予定 2027年春: 名称未定新駅 (JR豊肥本線、三里木～原水間) 開業予定 2027年以降: JR東海 リニア中央新幹線 (品川～名古屋) 開業予定
直感的にサイト制作ができるCMS「concrete5 」のセミナーイベントを開催しました | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも段田です。 11月17日に いいオフィス で「お客様満足度No.1 CMS（※当社比） 話題の concrete5 を知ろう！」セミナーを開催しました。 コンクリートファイブジャパン株式会社 様が主催のCMS「concrete5」のセミナーイベントです。 私もすこしだけお手伝いしたので、簡単にセミナーの内容をご紹介します。録画した動画も公開されているので、そちらもあわせてご覧ください。 concrete5とは？ concrete5は直感的に操作できるCMSです。 というのも、ページをプレビューしたまま編集できるのです。 ページに配置したコンテンツの順番をドラッグ＆ドロップで自由に並び替えできたり、レイアウトを変更できたりします。 またCMSで用意されている機能（メールフォーム、Google Maps、画像スライダーなど）も豊富のため、ソースコードを修正する手間が少なくて済みます。 く
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://japan.internet.com/developer/20090807/26.html?rss
ハムスター速報 2ろぐ googleMAPで一番やばい物見つけた奴が優勝
サービス終了のお知らせ
TechCrunch | Startup and Technology News