スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

はてなブックマークに追加 はてなブックマーク - スポンサーサイト

Google Maps APIで指一本でスクロール

Google Maps JavaScript APIを使ったページで、地図をスクロールするには、指2本で操作するように変更されました。
1本指で操作しようとすると、「地図を移動させるには指2本で操作します」と表示されます。

MyHome Portalの「tools/google-maps-earth-v3.php」等、Google Maps JavaScript APIを使ったページで、従来通り指1本で操作できるようにするためには、オプションに
gestureHandling: 'greedy'
を追加してください。

【追加例】
var myOptions = {
  zoom: 17,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  gestureHandling: 'greedy',
  streetViewControl: true
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
スポンサーサイト

はてなブックマークに追加 はてなブックマーク - Google Maps APIで指一本でスクロール

Google Maps API無償版のポリシー変更

Google Maps API無償版のポリシーが変更されたとの事。

Google Maps APIを使った地図を呼び出すスクリプトにAPIキーの設定が必要となったとのこと。新たなドメインでAPIキーなしで地図を呼び出そうとすると、エラー画面となり地図が表示されないらしい。

以前からGoogle Maps APIを利用しているドメインでAPIキーの設定がないまま地図を呼び出すと、地図は表示されるが、警告が出るとのこと。いつまで地図が表示されるか保証はないようだ。

Googleは、無償サービスをどんどん縮小してますね。

[ INTERNET Watch] Google Maps API無償版のポリシー変更、猶予期間が10月12日で終了、地図が突然表示されなくなる可能性も
http://internet.watch.impress.co.jp/docs/special/1029218.html

はてなブックマークに追加 はてなブックマーク - Google Maps API無償版のポリシー変更

Ver.8.00:Googleマップ ストリートビューの位置変更

MyHome Portal Ver.8.00をリリースしました。
http://ok2nd.web.fc2.com/download.html

久々の更新です。

Ver.1.00リリースから約8年目ということで、Ver.8.00としました。

Google Maps API のストリートビューの人形マーク表示位置が左上から右下に仕様変更になったようなので、ストリートビュー用のウインドウ表示枠位置とサイズを少し変更しました。

maps-street.jpg

はてなブックマークに追加 はてなブックマーク - Ver.8.00:Googleマップ ストリートビューの位置変更

Google Maps APIによる複数スポット表示

HTMLファイルに、スポット名、緯度、経度を指定するだけで、Google Maps API V3を使った複数地点表示が出来るJavaScriptを公開します。

※ Firefoxでは、マーカーが表示されないなど、正常動作しません。

CGI等サーバーサイドの処理はありませんので、静的サイトに、HTML、JavaScript、CSS、画像ファイル一式を置くだけで使えます。
HTML、JavaScript、CSSファイル一式を以下からダウンロードできます。
https://sourceforge.jp/projects/map-spots/releases/

HTMLファイル(sample.html)内に、JavaScript配列変数「points」で、緯度、経度、スポット名(ビル名、店名等)を、以下の形式で指定してください。
「points」に指定する地点名が8地点までであれば、ルート表示もできます。

配列変数「others」に、その他の地点を指定すると、小さなマーカーで地点表示します。4番目に'r'を指定すると、マーカーと地点名の色が変わります。

「現在地」ボタンを押すと、現在地を人間マーカーで表示します。スマホで、現在地をマーカー表示させながら、スポットめぐりが出来ます。

マーカーをクリックすると、情報ウインドウが開きます。情報ウインドウのスポット名をクリックすると、Google検索画面が開きます。情報ウインドウの「→Googleマップ」をクリックすると、Googleマップで、地点表示をします。

<script>
var points = [];
points[0] = [緯度, 緯度, 'スポット名'];
points[1] = [緯度, 緯度, 'スポット名'];
points[2] = [緯度, 緯度, 'スポット名'];
...
var others = [];
others[0] = [緯度, 緯度, 'スポット名', ''];
others[1] = [緯度, 緯度, 'スポット名', 'r']; // 別色
others[2] = [緯度, 緯度, 'スポット名', ''];
...
</script>


以下で、サンプルの動作確認ができます。
http://ok2nd.me/map/spots/?key=1980065740541e6f846e138

map-spots.jpg
map-spots2.jpg

はてなブックマークに追加 はてなブックマーク - Google Maps APIによる複数スポット表示

Ver.7.01:InfoWindowの.gm-style-iw

MyHome Portal Ver.7.01をリリースしました。
http://ok2nd.web.fc2.com/download.html

Ver.7.00で、Google Maps APIを使ったページの情報ウィンドウに縦スクロールバーを表示させないために、スタイルシートに以下を追加しましたが、情報ウィンドウ内の一部が表示されなくなってしまう場合がある事が分かったため、修正しました。

google-maps-earth-v3.phpでは、スタイルシートはそのままとし、情報ウィンドウに表示するテキストの最後に<br><br>を追加。

それ以外(abook/maps-abook-v3.php, diary/maps-diary.php, tools/google-maps-earth-multi-v3.php)では、スタイルシートから、以下を除去しました。

.gm-style-iw {
    overflow: hidden ! important;
}
.gm-style-iw div {
    overflow: hidden ! important;
}


はてなブックマークに追加 はてなブックマーク - Ver.7.01:InfoWindowの.gm-style-iw

Ver.6.10:Google マップ、TABLE to CSV

MyHome Portal Ver.6.10をリリースしました。
http://ok2nd.web.fc2.com/download.html

「Google Maps API V3版」の世界遺産、日本百選、日本百名山、日本桜名木、日本鉄道駅検索結果を、別ページでなく、同じページ内に表示するように、仕様変更。

「Google Maps API V3版」と「住所録のマップ(V3)」で、マーカーをクリックすると、そのマーカーが一番上に表示されるようにしました。

「Google Maps API V3版」のオートコンプリート機能を、Google Suggest APIを使った予測変換(単語補完)機能に変更。

ツール「HTML TABLE to CSV」を追加。URLを指定して、HTMLテーブルデータをCSVに変換してダウンロードします。
以下のサイトのソースコードを使わせていただきました。
http://pentan.info/php/sample/table_tag2csv.html

html-table-to-csv.jpg

はてなブックマークに追加 はてなブックマーク - Ver.6.10:Google マップ、TABLE to CSV

theme : JavaScript
genre : コンピュータ

Ver.6.09:Google マップ スポット検索改善 他

MyHome Portal Ver.6.09をリリースしました。
http://ok2nd.web.fc2.com/download.html

「サンプルDB自動セットアップツール」とツール「実運用環境バックアップ」を、 データベースサーバーがlocalhostでない場合に対応させました。 定義ファイルの「_DB_SERVER」で指定されているデータベースサーバーに対して実行します。

「住所録」と「預貯金管理」で、一覧表の行にマウスが乗ったときに行をハイライトするようにしました。

「カレンダー」の「天気出現地図」の天気マーク判定ロジックを変更。

一覧形式のページで、ページ指定が最終ページを超えた場合、エラーとならず、先頭のページが表示される不具合を修正。

「INDEX」一覧で、ホームページのキャプチャ画像作成に使用するサービス・サイトを実運用定義ファイルで変更できるようにしました。
define("index_CAPTURE_CREATE_SITE", 'http://capture.heartrails.com/130x130/cool?');
デフォルトで使用するサービス・サイトをHeartRails Captureに変更しました。
http://img.simpleapi.net/
↓↓↓
http://capture.heartrails.com/

ツール「Google Maps API V3版」のPlacesライブラリを使ったスポット検索を改善しました。
以下のページを参考にさせていただきました。
http://phpjavascriptroom.com/?t=ajax&p=googlemapsapiv3_lib_places

map-places.jpg

はてなブックマークに追加 はてなブックマーク - Ver.6.09:Google マップ スポット検索改善 他

theme : JavaScript
genre : コンピュータ

Ver.6.07:世界地図(国旗付き)を追加

MyHome Portal Ver.6.07をリリースしました。
http://ok2nd.web.fc2.com/download.html

ツール「世界地図(国旗付き)」を追加。以下のページを、利用させてもらいました。
http://xml-xsl.sakura.ne.jp/google_maps17/google_maps17.htm
world_map.jpg

「住所録」が世界遺産モードの場合、「世界地図」を追加。「世界地図」の国選択から、その国の世界遺産一覧を表示できます。

「カレンダー」の一覧表示の日付クリックで、月間カレンダー表示に切り替わるように、仕様変更。

「カレンダー」の一覧表示で、カテゴリの背景色を反映するように、仕様変更。

サンプルDBセットアップのソースコードを一部修正。

NAVER検索サービスが2013年12月18日でサービス終了するので、トップページの「NAVER」検索ボタンを廃止。

トップページに、NAVERまとめ検索ボタン「まとめ」を追加。

はてなブックマークに追加 はてなブックマーク - Ver.6.07:世界地図(国旗付き)を追加

theme : JavaScript
genre : コンピュータ

Ver.5.15:Google Maps範囲選択で世界遺産他

MyHome Portal Ver.5.15をリリースしました。
http://ok2nd.web.fc2.com/download.html

「Google Maps API V3版」の「探す」選択肢に「住所録」連動の「世界遺産、日本百名山、日本百選、桜名木、鉄道駅」を追加。現在表示している地図範囲の該当の場所を別ウインドウでGoogleマップ表示します。

maps-area-sel1.jpg

maps-area1.jpg
maps-area2.jpg

「Simple Memo」に、Google Suggest APIを使った予測変換テキストボックスを追加。

Google Suggest APIを使った予測変換テキストボックスだけのポップアップページを追加。「Simple Memo」の↑をクリックするとポップアップ表示されます。
popup-suggest.jpg

「アルバム」のスライドモードのオプションに、「deviantART」を追加。「deviantART muro」を使って、ブラウザ上で画像編集が出来ます。
https://github.com/deviantART/embedded-deviantART-muro/
ただし、あくまでも「deviantART muro」にデータを渡しているだけで、deviantART muroサイトに依存した編集機能となります。
deviantART.jpg

ツール「MeCab:漢字読み変換 (CSVファイル一括) 」に、オプション「読みをひらがなにする」を追加しました。

ツール「MeCab:漢字読み変換 (CSVファイル一括) 」で、オプション「半角カナを全角カナに変換する」が機能していないのを修正しました。

「住所録」の鉄道駅データで、駅名の読みが入っていなかったものについて、MeCabで読み変換したのを入れました。MeCabで変換した読みは、正しい保障はありません。MeCabで読み変換したデータの列「c_yomi2」に▲を入れています。▲で検索できます。

はてなブックマークに追加 はてなブックマーク - Ver.5.15:Google Maps範囲選択で世界遺産他

theme : PHP
genre : コンピュータ

Ver.5.10:GPS情報の無い写真をGoogleマップに

MyHome Portal Ver.5.10をリリースしました。
http://ok2nd.web.fc2.com/download.html

Chrome以外のブラウザの場合、カレンダー入力画面その他の「年」選択<select>プルダウンを、<input type="text">に変更し、▲▼ボタンで年を上下するようにしました。
input-year.jpg

ツール「GPSログ View」の写真表示機能で、EXIF情報のGPSデータの測地系が日本系(EXIF['GPS']['GPSMapDatum']='TOKYO')の場合、世界系に変換するようにしました。(実際のデータで検証はしていません。)

ツール「GPSログ View」の写真表示機能と「アルバム:GPSマップ」で、表示した写真を地図上で移動可能にしました。地図上で一時的に移動するだけで、JPEGファイルのEXIF情報を書き換えるわけではありません。

ツール「GPSログ View」の写真表示機能で、写真の撮影時間とGPSログの時間から撮影場所を特定して、その位置に写真を表示する機能を追加しました。写真自体にはEXIF/GPS情報が無くても表示できます。チェックボックス「撮影時間から場所を特定」にチェックを付けると、そのモードになります。写真の撮影時間(EXIF['DateTimeOriginal'])が、GPSログデータの時間範囲内のものだけを表示します。
gpslog-photo-time.jpg

はてなブックマークに追加 はてなブックマーク - Ver.5.10:GPS情報の無い写真をGoogleマップに

theme : JavaScript
genre : コンピュータ

プロフィール

ok.2nd

Author:ok.2nd
HomePage:
http://ok2nd.web.fc2.com/
Email: m.ok.2nd@gmail.com

最新記事
最新コメント
最新トラックバック
月別アーカイブ
FC2ブログランキング

FC2Blog Ranking

検索フォーム
カテゴリ
リンク
RSSリンクの表示
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
ユーザータグ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。