私はgoogle map API自分のプロジェクトで使用しています。私のコードは次のとおりです。
var map;
var op = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("container"), op);
私の問題は、Google がインタラクティブ マップではなく静止画像を読み込むことです。私も試しました
useStaticMap: falseオプションですが、これを使用した後は何もロードされません（マップも画像もありません）。
ここで何が起こっているのか教えてください。
静的マップと言うときは、ズームやパンなどができないことを意味します.Googleマップで作業してからしばらく経ちましたが、思い出したように、ズームとパンを有効にする設定を提供できます. 静的マップを使用するのではなく、これらの機能を有効にしてみてください。または逆に、それらを無効にしている可能性があります。
あなたが含めているjavasscriptファイルでもあると思います。また、2 つの API があり、2 つの異なる API キーを持つことができるようです。多分あなたは静的なものを持っています。したがって、そこには約3つの異なるオプションがあります。コードが非常に小さく、私には適切に形成されているように見えるため、これらのいずれかが問題である可能性が最も高いです。
API v3
https://developers.google.com/maps/documentation/javascript/tutorial
静的マップ
https://developers.google.com/maps/documentation/staticmaps/
コントロールを追加してみます。または、あなたのコードをもう少し提供してください。
コントロールをマップに追加する
UI 動作またはコントロールを削除、追加、または変更してインターフェイスを調整し、将来の更新でこの動作が変更されないようにすることができます。既存の動作を追加または変更するだけの場合は、コントロールがアプリケーションに明示的に追加されていることを確認する必要があります。
一部のコントロールはデフォルトでマップに表示されますが、他のコントロールは特に要求しない限り表示されません。コントロールのマップへの追加またはマップからの削除は、次のマップ オプション オブジェクトのフィールドで指定されます。これらを表示するには true に設定し、非表示にするには false に設定します。
{
panControl: boolean,
zoomControl: boolean,
mapTypeControl: boolean,
scaleControl: boolean,
streetViewControl: boolean,
overviewMapControl: boolean
}
次の例では、ナビゲーション (ズームとパン) コントロールを非表示にし、縮尺コントロールを表示するようにマップを設定します。デフォルトの UI を明示的に無効にするわけではないため、これらの変更はデフォルトの UI 動作に追加されることに注意してください。
function initialize() {
var myOptions = {
zoom: 4,
center: new google.maps.LatLng(-33, 151),
panControl: false,
zoomControl: false,
scaleControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
コードの引用はこちら。
https://developers.google.com/maps/documentation/javascript/controls
150.644、-34.397、この座標は存在しません