東京スカイツリーから検索と緯度経度(Googleマップ)に中心を示す十字マーク設置

東京スカイツリーから検索と緯度経度(Googleマップ)

http://www.can-chan.com/map/xhr-requests.html

に、地図の中心を示す十字マーク「 + 」を配置しました。

当初、どうすればよいのかわからず、ネットを検索して、中央に表示するターゲットスコープの画像設定のページに出会い、記入してみた。ただスクリプトの中で、mapの設定の定義が異なっていたので、修正したり、更には十字のマークの背景を透明化してあるはずのgif画像が、うまく透明化の表示ができなくて、png形式に設定し直して、無事十字だけの表示にすることができた。

今まで中心店の経度や緯度を取得して表示するようにはなっていたものの、中心の場所を示す「中心点の表示」ボタンを押さないと中心位置がはっきりせず、使いにくかったのが、改善できた。

表示するGoogleMapに中心位置を示す+マーカーを配置