通常、Google マップを統合する場合はMaps JavaScript API を使用します。これには API キーが必要であり、アクセス数が多いほどコストを過小評価してはなりません。 mapboxやOpenStreetMapなどの優れた代替手段がありますが、Google が提供するさまざまな機能をまだ実現していません。 Google 自体も、目的に使用できる共有機能を介して API キーを使用しない方法を提供しています。
このパスをプログラムで使用して、任意の住所を出力できます (緯度と経度を知らなくても)。 それに加えて、(JS のマップとは対照的に) マップにはルート プランナーへのリンクが含まれています。 マップは、CSS フィルターの助けを借りて作成することもできます (ただし、結果は、JS API で可能なネイティブ スタイルに完全には近づきません)。
長年にわたり、これを行う方法はパラメータoutput = embedを使用していましたが、これは Google が公式にサポートしていないため、最近は表示エラーが増加しています。:
331190767bb32b2468632e609223c53e
maps.google.de経由で公式の共有機能を使用すると、次のコードが表示されます。たとえば、:
331190767bb32b2468632e609223c53e
srcパラメータで長い URL を構造化すると、パターンが発生します:
331190767bb32b2468632e609223c53e
次のデータ型を認識します:
- m: 行列
- s: 文字列
- f: フロート
- d: ダブル
- i: 整数
- e: 列挙型
いくつかの試行錯誤の後、いくつかの値を削除し、最も重要な値を変数にパックすることができます。たとえば、アドレスを動的に定義します:
331190767bb32b2468632e609223c53e
最後に、次の CSS コードを使用して、地図をよりきれいに見せることができます。:
331190767bb32b2468632e609223c53e
最終的に、確実に機能する無料の動的マップを取得します: