ウェブ制作のクラウドビジネスをはじめよう！

【重要】Yahoo! JavaScriptマップAPI 終了に伴う影響と対応について

記：2020年10月23日

日頃よりbingo!CMSをご愛顧いただきまして、誠にありがとうございます。

Yahoo! JAPAN社の提供する『Yahoo! JavaScriptマップAPI』は、2020年10月31日で提供を終了します。
これに伴う、bingo!CMSへの影響と対応についてご案内いたします。

本件の対象となるお客様、および影響

  • 『マップユニット（.bMap）』または『拡張地図ユニット（.extMap）』で、『Yahoo! JavaScriptマップAPI』を使用しているお客様

2020年10月31日（土）以降、マップユニットを設置したページで地図が表示されないなど、何らかの影響が生じる可能性がございます。

ご参照：【重要】YOLP Web APIにおける一部API・SDK提供終了のお知らせ - Yahoo!地図ブログ
※外部サイトが開きます。

『Yahoo! JavaScriptマップAPI』を使用しているか確認する方法

本件の対象の場合、地図に『【お知らせ】こちらの地図APIは2020年10月31日に提供終了いたします。詳しくはこちら（Yahoo! JAPANへ）。』といった文言が表示されます。

本件の対応について

Yahoo! JavaScriptマップAPI による『マップユニット』および『拡張地図ユニット』の使用を停止し、以下、どちらかの対応をご検討ください。

  • Googleの『位置情報 API』を利用し地図を埋め込む

ご利用には、GoogleアカウントでのAPIキーと支払い情報の登録が必須となります。
詳しくは以下をご参照ください。
APIキーや支払情報の登録についてのサポート等は行なえませんのでご了承ください。

ご参照：位置情報 API | Google Maps Platform | Google Cloud

  • Googleマップのサイトからiframeで地図を埋め込む
  1. Googleマップを開き、地図を検索します。
  2. 『共有』をクリックします。
  3. 『地図を埋め込む』をクリックします。
  4. 『HTML をコピー』をクリックします。
    コピーしたHTMLは、適宜メモ帳などに貼り付けておきます。
  1. bingo!CMSで地図を設置したいページを開き、ユニットをドラッグ&ドロップします。
    ※例では『HTMLv17』を使用していますが、『テキストv17』等、HTMLが記述できればユニットの種類は問いません。
  2. ユニットの『ユニット編集』をクリックします。
  1. 『html』の入力欄に、先程コピーしたHTMLを貼り付けます。
    ※適宜、width等をご調整ください。
  2. 地図をスマートフォンでも表示させる場合は、SP設定を行います。
  3. 『保存』をクリックします。
  1. 地図が表示できました。
    Googleマップの利用規約を遵守の上ご利用ください。

Yahoo! JAPAN社が紹介する代替サービスについて

Yahoo! JAPAN社より代替サービスの紹介がございますが、弊社では動作検証を行っていません。
代替サービスをbingo!CMSに使用した場合のサポート等は行なえませんのでご了承ください。

ページトップ