地図を提供するこれらの Web サイトにアクセスして、インターフェースが提供されているかどうかを確認してください。一部の Web サイトは iframe を使用して直接インポートできます。
Baidu と Amap には両方とも関連する JS API があり、ニーズを完全に解決できます http://lbsyun.baidu.com/index...
これは、私が少し前に行ったプロジェクトで見つけたもので、ページ上の住所名を経度と緯度の座標に変換し、地図上で使用できるものです。複数のマップを作成する必要がある場合は、さらにいくつかの <p id="allmap" class="baidumap"></p> を追加するだけです。もちろん、ID も変更する必要があります。 JS で初期化して、map1 の後ろのメソッドに変更します。パラメータを新しい ID に変更するのは難しくありません。それでも理解できない場合は、QQ 269144551 を友達に追加してください。一緒に学び、議論しましょう
上海市黄浦区北京西路130巷<p id="allmap" class="baidumap"></p>
<script type="text/javascript" src="http://api.map.baidu.com/api?... ここにキーを書き込みます。キーをお持ちでない場合は、Baidu Developer にアクセスして作成してください。 1 つは無料です* *"></script><script type="text/javascript">
</スクリプト>
Baidu Map API については、ご自身でドキュメントをお読みください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
地図を提供するこれらの Web サイトにアクセスして、インターフェースが提供されているかどうかを確認してください。一部の Web サイトは iframe を使用して直接インポートできます。
Baidu と Amap には両方とも関連する JS API があり、ニーズを完全に解決できます http://lbsyun.baidu.com/index...
これは、私が少し前に行ったプロジェクトで見つけたもので、ページ上の住所名を経度と緯度の座標に変換し、地図上で使用できるものです。複数のマップを作成する必要がある場合は、さらにいくつかの <p id="allmap" class="baidumap"></p> を追加するだけです。もちろん、ID も変更する必要があります。 JS で初期化して、map1 の後ろのメソッドに変更します。パラメータを新しい ID に変更するのは難しくありません。それでも理解できない場合は、QQ 269144551 を友達に追加してください。一緒に学び、議論しましょう
上海市黄浦区北京西路130巷
<p id="allmap" class="baidumap"></p>
<script type="text/javascript" src="http://api.map.baidu.com/api?... ここにキーを書き込みます。キーをお持ちでない場合は、Baidu Developer にアクセスして作成してください。 1 つは無料です* *"></script>
リーリー<script type="text/javascript">
</スクリプト>
Baidu Map API については、ご自身でドキュメントをお読みください。