7

クライアント向けの Web サイトを構築するには、定期的に GMaps を埋め込む必要があります。そのために、maplace.js を使用します。

それはすべてかなりうまく機能しますが、奇妙なことに気づきました。

Google アカウントで Google マップの新しい「外観」を有効にしたので、非常にきれいに表示されます。

新しいデザインの Google マップ

ここでは、Web サイトに GMap を手動で埋め込むための iFrame を生成できます。新しいクリーンな外観と便利な「ルート案内」オーバーレイを維持します。

ここに画像の説明を入力

ただし、maplace.js を使用する場合 (つまり、マップ API を使用する場合) は、以前の外観のままで、すっきりとしたきれいなコントロールが得られます。

ここに画像の説明を入力

Google で生成されたフレームと同じように見えるようにする方法を高低で検索しましたが、うまくいきませんでした。

これらは、私が物事を成し遂げるために使用するインクルードです:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=geometry&v=3.exp"></script>
<script type="text/javascript" src="/Scripts/maplace.min.js"></script>

これはマップに適用される CSS です。

#gmap {
    height: 300px;
    width: 100%;
}

そして、実際のマップの埋め込み:

<script>
new Maplace({
    map_options: {
        scrollwheel: false,
        navigationControl: true,
        mapTypeControl: false,
        scaleControl: false,
        draggable: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    },
    visualRefresh: true,
    locations: [

            {lat: 50.871197, lon:  4.696941000000038, zoom: 15}



    ]
}).Load();
</script>

これについて考えている人はいますか？

4

2 に答える 2

0

私が取り組んでいたウェブサイトでも同じことをしたかったのです。ユーザーの Google マップのお気に入りに場所を保存するために小さな星が非常に便利であることがわかりましたが、私たちが利用できるiframeものとは異なるサーバー側の構成を使用していることに気付きAPIました。また、JavaScript バージョンの変更ログも確認しましたが、残念ながら現在、そのような機能は利用できません。

https://code.google.com/p/gmaps-api-issues/wiki/JavascriptMapsAPIv3Changelog

于 2014-08-19T22:56:19.803 に答える
0

私はついにこれを理解しました（実際、他の誰もまだそうしていないように見えるのは奇妙です）。

私の質問で言及している「新しい外観」の地図は、Google Maps Embed APIの一部として生成されます。

この API には、多くの利点があります (見栄えが良く、ユーザーがそれらを見ている場合のコンテキストは別として):

  • 使用量/トラフィック制限なし
  • ユーザーが自分のアカウントにログインしている場合、マップを見ているユーザーのコンテキストが提供されます

さらに、この種のマップをサイトで使用する場合は、特定のコンテンツ マネージャーから簡単に埋め込むことができます。これは、それらを埋め込むための の src 属性が常に次のレイアウトになっているためです。

https://www.google.com/maps/embed/v1/MODE?key=API_KEY&parameters

ドキュメントによると、これは次のとおりです。

  • {MODE}: 場所、経路、検索、または表示のいずれかです。
  • {API_KEY} は無料の API キーです。
  • パラメータにはオプションのパラメータが含まれます

提供されている例は、CMS のコンテンツ フィールドを iframe src 属性の {MODE} フィールドにリンクするなど、簡単にできることを示しているようです。

https://www.google.com/maps/embed/v1/place?key=API_KEY&q=Fisht+Olympic+Stadium,Sochi+Russia

これが私が今まで達成したかったすべてです。どうやら私は Maps API 自体に集中しすぎて、どうにかして他のものを忘れてしまったようです :-/

于 2014-08-24T08:22:22.270 に答える