スポンサードリンク

ルート検索結果の緑色ディレクションマーカー(Direction Marker)を地図から削除して消す方法/ルート検索API(Direction API)

◆Google Maps API V3  ルート検索の緑色マーカーを地図表示させない方法

ルート検索(Direction API)で表示される緑色のマーカー(アイコン)を表示させない方法があります。後述サンプルで、自分のアイコンと重なってしまうため、緑色のマーカーを消したかったのです。

削除する方法を探していたら、英語版Google Maps API v3リファレンスにちゃんとありました。

はぁ~。日本語版を見る気がなくなります。

英語版リファレンスのgoogle.maps.DirectionsRendererOptions object specificationに、suppressとあります。抑圧するとかいう意味で、緑色のマーカーを表示させないことが可能です。


Read more »

ルート検索結果のルートポリライン(Polylines)を地図から削除して消す方法/ルート検索API(Direction API)

◆Google Maps API V3  ルートポリライン(Polylines)を地図から削除して消す方法

前回、ルート検索(Direction API)で表示される緑色のマーカー(アイコン)を削除しましたが、今度はルート検索結果のルートポリライン(Polylines)を地図から削除してみます。

使い道があるのかはさておき、リファレンスのgoogle.maps.DirectionsRendererのOptions objectを参照方。


Read more »

ルート検索結果の緑色ディレクションマーカー(Direction Marker)のインフォウィンドウ(infowindow)を表示させない方法/ルート検索API(Direction API)

◆Google Maps API V3  ルート検索結果のマーカーをクリックしてもインフォウィンドウ(infowindow)が表示されない

DirectionsRendererオプションのマーカ削除ルートポリライン削除につづく最後のルート検索の削除は、緑色のマーカーをクリックしてもインフォウィンドウを開かないようにします。



Read more »

マウスドラッグでアイコン(マーカー)をスライドして移動可能にする。google.maps.MarkerのraiseOnDragの指定方法

◆Google Maps API V3 のアイコン(マーカー)をスライドして移動可能にする。raiseOnDragの指定

移動可能なマーカー(アイコン)をドラッグ&ドロップ(飛び跳ねるアニメーションでなく、スライドさせる指定です。(飛び跳ねるアニメーションの場合はコチラ

スケートリンクを移動させるイメージですな。

マーカー(アイコン)をスライドで移動できるようにするためには、draggableだけでなく、raiseOnDrag指定する必要があります。

なお、日本語リファレンスには、載っていないので英語版からの紹介です。

Read more »

ルート検索で最初からcheckbox(チェックボック)にチェックマークを付けて初期表示させるタグ checked=”checked”の指定

◆ Google Maps API v3 / 最初からcheckbox(チェックボック)にチェックマークを付けて初期表示させるタグ checked=”checked”の指定

Google maps API のルート検索で、ルート最適化(最短距離の最適化)、一般道優先(チェックすると高速を使わない。有料道路?は使う)、有料道路を避ける(チェックすると高速+有料道路を使わない)の選択が出来る。

チェックボックスに、地図が初期表示されたときからチェックマークを入れるには、checked=”checked”をInputのタグとして指定してやればOK。

<td><input type=”checkbox” id=”optimize” checked=”checked” />ルート最適化・・・・最短距離の最適化</td>

Read more »

全てのブラウザに対応したcssスタイルシートの透明、半透明の背景設定を記述する

◆ 全てのブラウザに対応したcssスタイルシートの透明、半透明の設定を記述する

通常のWeb画面では、あまり使用しないかも知れませんが、スマートフォンの画面は狭いので、背景(background-color)を透明、または半透明にするテクニックを覚えておくと良さそうです。

Read more »

safari ウェブブラウザサファリのURLのコピー&ペースト

◆ safariでコピー&ペーストURLが開けない

サファリのURLの場所に、コピー&ペーストしても違うURLに勝手に変更されてサファリで新しいサイトが開けない。

どうしたらいいのか?

教えてGooで見つけました。

Read more »

iPhone(アイフォン)でGoogle Maps地図画面をスクリーンショット(コピー/キャプチャー)する方法

◆ Google Maps API v3 / iPhone(アイフォン)画面をプリントスクリーン(キャプチャー)する方法

iPhone(アイフォン)のスクリーンショットを撮影する方法を紹介しているサイトがあったので、試したらうまくいかず何回目かにカシャっと音がしました。

念のためマニュアルをみたらこれらのサイトに書かれている説明と違っていました。マニュアルではiPhone(アイフォン)画面をコピーする方法としては、次のように書かれています。

Read more »

phpMyAdmin MySQLのテーブルデータ(文字列、テキスト)を置換する&エラーについて


◆ Google Maps API v3 / phpMyAdmin MySQLのテーブルデータ(文字列)の置換方法

jQTouchを使用する場合、外部へのリンクには、target=”_blank”だけでなく、rel属性の指定も必要と判り、さてMySQLのテーブルを書き換えるのだが、「MySQL、テーブル、文字置換」で検索すると、うじゃうじゃ出てきました。

皆さん同じことが書いてあるので試すと・・・・。

しかーし。いくつかのサイトのコードをコピペしてもうまく文字置換できず・・・・・。

Read more »

インフォウィンドウ(吹き出し)の外部サイトへのリンクURLの記述/iPhoneサイトをjQTouchで作成する。


◆ Google Maps API v3 /外部サイトへのリンクURLの記述/jQTouch iPhone用

jQtouchをつかったGoogle Mapの地図を作成後、PCで動作をチェックしても問題なかったのだが、iPhone(アイフォン)の実機でインフォウィンドウ(吹き出し)部の外部サイトへのURLをクリックしても新しい画面が開かないことに気がついた。何故?

このサイトを読みますと、「jQTouchを使ったサイト内のaタグのhrefはすべてjQTouchのサイト内での動作になります。」とあります。

対策として、別ウィンドウで開くとよいとありましたので、target=”_self” をtarget=”_blank”に試してみましたが開かず・・・・・。

Read more »

スポンサードリンク