16

会社の所在地の Google マップを作成しようとしています。Google マップ ページのリンク ボタンを使用しました。すべて問題ありませんが、マップを 200 x 200 に縮小すると、すべてのマップ コントロールがマップを引き継ぎ、マップからのビューをブロックします。それらに乗る方法はありますか?私が欲しいのは、ピンと拡大/縮小ボタンだけです。ありがとうございました。

<iframe width="200" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"    src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=244+5th+Avenue,+New+York,+NY&amp;aq=t&amp;sll=37.0625,-95.677068&amp;sspn=48.956293,107.138672&amp;ie=UTF8&amp;hq=&amp;hnear=244+5th+Ave,+New+York,+10016&amp;ll=40.744556,-73.987378&amp;spn=0.005763,0.013078&amp;t=m&amp;z=14&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=244+5th+Avenue,+New+York,+NY&amp;aq=t&amp;sll=37.0625,-95.677068&amp;sspn=48.956293,107.138672&amp;ie=UTF8&amp;hq=&amp;hnear=244+5th+Ave,+New+York,+10016&amp;ll=40.744556,-73.987378&amp;spn=0.005763,0.013078&amp;t=m&amp;z=14" style="color:#0000FF;text-align:left">View Larger Map</a></small>
4

4 に答える 4

40

インターフェイスをカスタマイズするには、Google Maps API を詳しく調べる必要があると思います。

Google Maps API を使用して、disableDefaultUItrue に設定できます。

HTML ファイル:

<!DOCTYPE html>
<head>
    <meta charset="utf-8" />
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="map.js"></script>
</head>
<body>
    <div id="map" style="width:200px; height:200px;" />
</body>
</html>

JavaScript ファイル:

window.onload = function() {
    var myOptions = {
        center: new google.maps.LatLng(40.744556,-73.987378),
        zoom: 18,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        disableDefaultUI: true
    };

    var map = new google.maps.Map(document.getElementById("map"), myOptions);
}
于 2012-07-04T19:03:21.003 に答える
9

マップを埋め込むときにコントロールを非表示にすることはできないと思います。次の行で、Google Maps APIを使用して JavaScript でマップを作成する必要があります。

var mapContainer = document.getElementById('mapContainer');
var mapOptions = {
    panControl: false,
    zoomControl: false,
    scaleControl: false,
};
var map = new google.maps.Map(mapContainer, mapOptions);
于 2012-07-04T18:54:52.470 に答える
8

IFRAME を使用してコントロールを非表示にするパラメーターはありません。次のリンクを参照して、可能なパラメーターを確認してください。

http://moz.com/ugc/everything-you-never-wanted-to-know-about-google-maps-parameters

API を使用したくない場合は、CSS を使用してマップの端を非表示にすることができます。

CSS:

.mapaThumb { position:relative; }
.mapaThumb iframe{ width:200px; height:240px; margin-top:-40px; margin-left:-10px; }
.mapaThumb .mapaItem{ overflow:hidden; height:150px; }

HTML:

<div class="mapaThumb">
    <div class="mapaItem">
        <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com.br/maps?f=q&amp;source=s_q&amp;hl=pt-BR&amp;geocode=&amp;q=brazil&amp;aq=&amp;sll=-21.086832,-42.409844&amp;sspn=0.895645,1.674042&amp;ie=UTF8&amp;hq=&amp;hnear=Rep%C3%BAblica+Federativa+do+Brasil&amp;t=m&amp;z=4&amp;ll=-14.235004,-51.92528&amp;output=embed"></iframe>
    </div>
</div>

これは最も正確ではありませんが、機能します。中国の賢者が教えた古いトリック。

于 2013-08-06T12:51:38.130 に答える
-5

ここでGoogle マップのスタイルを設定し、[コードの生成] をクリックして<body>、ウェブサイトの に埋め込むだけです。

于 2015-09-09T20:48:28.070 に答える