- ベストアンサー
GoogleMAPでラベル表示
- GoogleMAPの地図でラベル表示をする方法について教えてください。
- 他にGoogle地図にリンクされたラベル付きの画像を表示する方法はありますか？
- MAP画像をGoogle地図にリンクし、ラベル付きで表示する方法について教えてください。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- googlemapについて教えてください。
googlemapで設置しておいたオリジナル画像のマーカーの画像を変更したいと思っています。setMap(null);メソッドで消してから同じ緯度経度に画像を変えたマーカーを var marker = new google.maps.Marker({ map: gmap, position: new google.maps.LatLng(lat, lng), icon: 'img/icon01.png' }); で設置して画像を変えたようにしたのですが、うまくいきません。マーカーの画像の変更しかたご存知の方教えてください。
- ベストアンサー
- JavaScript
- 緯度経度が表示されるウェブマップは？
google mapやyahoo mapでは緯度経度表示が出来ません。 カーソルポイントの緯度経度が自動的に表示されるウェブマップがあればそのURLを教えて下さい。 google earthではそういう表示があるのですがマップ上で同じ機能のものを教えて頂きたく、よろしくお願いします。
- ベストアンサー
- その他(ソフトウェア)
- Google Maps API の IE表示
一部のIEでGoogle Maps APIがうまく作動しません。 Safari/FF/IE8 では表示されます。 以下の処理は一通り試しました。 http://maps.google.com/support/bin/answer.py?hl=ja&answer=21849# よろしくお願いいたします。 ■HTML … <link href="style.css" rel="stylesheet" type="text/css" media="screen, print "/> <link rel="stylesheet" type="text/css" href="map.css" media="screen, print "/> <script type="text/javascript" src="gmap.js"></script> <script src="http://maps.google.com/maps?file=api&v=2&key=●●●" type="text/javascript"></script> … <div id="canvas"></div> … ■JavaScript // JavaScript Document window.onload = function() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("canvas")); var point = new GLatLng(●緯度●, ●経度●) var marker = new GMarker(point); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml('<img src="●●●.gif"><br/><div id="gma">〒●●●-●●●<br/>●●●<br/><br/>TEL:●●●</div><img src="●●●.jpg">')}); map.addOverlay(marker); map.addControl(new GLargeMapControl()); map.addControl(new GScaleControl()); map.addControl(new GMapTypeControl()); map.setCenter(point, 15); map.openInfoWindowHtml(point, '<img src="●●●.gif"><br/><div id="gma">〒●●●-●●●<br/>●●●<br/><br/>TEL:●●●</div><img src="●●●.jpg">'); } };
- ベストアンサー
- JavaScript
- Googleマップ上で、オリジナルのマーカーを表示したい
Googleマップ上で、オリジナルのマーカーを表示したい WEBサイトに表示しているミニ写真画像にマウスオーバーしたら、 Googleマップでマーカーを使ってその写真の場所を表示し、拡大写真も表示するようにしたいと思い、 下記のサイトを参考にして、作成しています。 http://ascii.jp/elem/000/000/421/421381/ Googleマップのデフォルトマーカーを使っては、希望通り、 上記のサイトのようなものができました。 ここで、表示する間隔が狭いので、わかりやすく、数字を振った オリジナルマーカーを使って表示したいと思うのですが、 それがうまくできません。 jisファイルは下記のように書いています。 $(function(){ var map = new GMap2(document.getElementById("gmap")); var firstData = $(".map:first").attr("longdesc").split(","); $("#googlemap").html("<img src=" + firstData[0] + ">"); var pos = new GLatLng(parseFloat(最初に表示する緯度),parseFloat(最初に表示する経度)); map.addOverlay(new GMarker(pos)); map.setCenter(new GLatLng(最初に表示する緯度, 最初に表示する経度), 15); map.addControl(new GSmallMapControl()); $(".map").mouseover(function(){ var shopdata = $(this).attr("longdesc").split(","); $("#googlemap").html("<img src=" + shopdata[0] + ">"); var markerIcon1 = new GIcon(); markerIcon1.image = "./img/flg-"+shopdata[3]+".png"; markerIcon1.iconSize = new GSize(20, 34); markerIcon1.iconAnchor = new GPoint(10, 34); var marker1 = new GMarker(new GLatLng(shopdata[1],shopdata[2]), markerIcon1); if($(this).attr("flag")) return; map.panTo(marker1, 9); map.addOverlay(marker1); $(this).attr("flag", true); }); }) HTMLのミニ画像を表示している部分は以下です。 <img src="./img/map-1.jpg" class="sekomap" longdesc="./img/map1-1.jpg,緯度,経度,マーカーに表示したい数字"> プログラムに間違いがあるかもしれませんが、 この状態ですと、エラーになって、オリジナルのマーカーも表示されないし、 ミニ写真の位置にも移動しなくなってしまいます。 どなたかご存じの方いらっしゃいましたら、教えてください。 色々調べましたが、もうお手上げ状態です。。（ToT）
- ベストアンサー
- AJAX
- 携帯のホームページに地図を埋め込みたい
携帯のホームページに地図を「埋め込みたい」と考えています。 提供側も使用する側も無料のサービスで実現できるものはありますでしょうか。 ●緯度経度を指定することで、該当する場所の地図を表示したい 緯度・経度が入力されている表を元に地図を見る必要があるため、 あらかじめ、地図画像を用意しておいて、その画像を送るということは出来ません。 ●地図へのリンクではなく埋め込みたい 地図の下に、色々なコメント・情報を表示したいと考えています。 したがって、地図のページへリンクで飛ぶものではなく、 今のページに埋め込みたいと考えています。 ●ユーザーが縮尺を変更したり、地図を移動できることは、 優先順位としては低い。 以上、お心当たりのある方がいらっしゃれば教えて頂けると助かります。 どうぞ宜しくお願いします。
- 締切済み
- その他（プログラミング・開発）
- 緯度と経度をグーグルMAPに入れ込む
緯度と経度を利用して、グーグルMAPを見る方法を探しています。 グーグルMAPは、 https://www.google.co.jp/maps/place/ で見ることができますが、これに、 https://www.google.co.jp/maps/place/@40.59875,130.38725,13z とやると、その緯度と経度の場所を見ることが出来るようです。 さらに、13Zとかいうのは、地図の大きさを示しているみたいです。 これで緯度と経度からグーグルMAPを表示することは出来るようになったのですが、ピンを立たせることができません。 このURLに何を付け加えればピンを立たせることが出来るでしょうか？
- ベストアンサー
- HTML
- google mapの地図上の緯度、経度を知ることは・・
google map上で任意の場所の緯度、経度を知ることはできますか？ また、それを知ることができたとして、その値をgooglemapに渡して地図を表示させることができますか？ やりたいことは、住所がまだ暫定処置になっているところは住所指定でｇｏｏｇｌｅｍａｐで引き出せない場合や、引き出せても少しずれている場合があるため緯度、経度を地図から読み出せれば上述のことが可能になるのかなと考えました。宜しくお願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- Jpeg画像の緯度経度を地図で示す画像ビューアー
最近、GPS付の携帯で写真をとる際に、後で撮影場所がわかるように、jpeg画像のexifの情報に 緯度経度を埋め込むようにしています。 でも、これを後で確認するのがとても面倒です。 緯度、経度を読み出したり、地図に貼ったりするソフトはありますが、もっと簡単に地図で確認できるソフトはないでしょうか。 たとえば、画像ビューアーでサムネイル表示されたjpeg画像をクリックすると、Google map上に、マーカーが出るとか。
- 締切済み
- 画像・動画・音楽編集
- 画像を重ねて表示したい
画像を表示するタグで<img src="a.gif"><img src="b.gif">と書くと、横に並んで表示されます。ごく当たり前か。。 んで、このa.gifとb.gifを重ねて表示したいです。a.gifを手前、b.gifを奥というかんじです。 2つの画像は同じ大きさです。 何かいい方法ありませんか？アドバイスお願いします。 連続の質問で申し訳ありません。
- ベストアンサー
- HTML
- 複数の画像を連動してロールオーバーさせたいのですが
宜しくお願い致します。 現在WEBショップを運営しているのですが、 「商品一覧ページ」から「商品詳細ページ」へリンクする画像が3つあり、 現在、それぞれの画像は個別にはロールオーバーするのですが、 3つの画像のどこにポインタを当てても、3つの画像全てが連動してロールオーバーするようにするにはどうすれば良いのでしょうか？ （3つの画像のリンク先は全て同じです） どなたかご存知な方がいらっしゃいましたらご教授頂けると幸いです。 宜しくお願い致します。 <td><p><A href="リンク先(1)" ><img src="img/商品名_1.gif" alt="" onmouseover="this.src='img/商品名_2.gif'" onmouseout="this.src='img/商品名_1.gif'" width="133" height="28" /></A></p> <p><A href="リンク先(1)" ><img src="img/詳細ページ_1.gif" alt="" onmouseover="this.src='img/詳細ページ_2.gif'" onmouseout="this.src='img/詳細ページ_1.gif'" width="133" height="18" /></A></p>
- ベストアンサー
- HTML
お礼
ありがとうございます！ golive001さんの意見を参考に まずまず思い通りのことが実現できました！