Q&A
2020年11月9日以降は暗くした地図を表示するから、早く v3 に移行するようにと書いてありますね。
https://developers.google.com/maps/documentation/javascript/v2tov3
前提・実現したいこと
Maps JavaScript API の勉強をしているのですが、こちら(https://www.javadrive.jp/google-maps-javascript/gpolyline/index1.html)のページのコードを実行してみたところ、APIのパスが通らず地図が読み込まれません。
<script src="http://maps.google.com/maps?file=api&v=2&key=(key)&sensor=false" type="text/javascript" charset="utf-8"></script>の'(key)'部分に取得したAPIキーを入れてみましたが、下記のコンソールに下記のエラーがでます。'&sensor=false'の部分を削除してみてもやはり同じです。
consoleにはAPIのv2は非推奨であることと、APIキーが通らないことが表示されています。しかし、v2は表示されない原因ではないようです。
地図をきちんと表示させる方法を知っている方いましたら教えてください。
発生している問題・エラーメッセージ
The Google Maps JavaScript API v2 is deprecated and will be turned off on May 26, 2021 Google Maps JavaScript API warning: NoApiKeys
該当のソースコード
html
1<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> 4 <head> 5 <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 6 <title>サンプル：ポリラインの表示</title> 7 <script src="http://maps.google.com/maps?file=api&v=2&key=(key)&sensor=false" 8 type="text/javascript" charset="utf-8"></script> 9 <script src="./js/code1_1.js" type="text/javascript"></script> 10 </head> 11 <body onload="initialize()" onunload="GUnload()"> 12 <div id="map_canvas" style="width: 400px; height: 400px"></div> 13 </body> 14</html>
試したこと
'code1_1.js'ファイルには問題なさそうです。
他のコードで同じパスを通したところきちんと地図が表示されたので、パスの間違いではないようです。
補足情報（FW/ツールのバージョンなど）
使用したエディタはAtomで、ブラウザはChromeを使用しました。
ありがとうございます。
コンソールで「非推奨で、2021年5月26日から使用できなくなります」とあったので、てっきりそれまでは問題なく使えるものだと思ってしまっていたようです。ご紹介いただいたページを参考にv3を使ったコードに書き換えてみます。
あなたの回答
tips
プレビュー
