戦闘のフロントエンド - Baiduのマップの導入

免責事項:この記事はブロガーオリジナル記事ですが、許可ブロガーなく再生してはなりません。https://blog.csdn.net/qq_36251118/article/details/82894569

次のステップ:

1. Baiduのマップジェネレータ、住所:http://api.map.baidu.com/lbsapi/creatmap/index.html

「中心点の位置」で、[特定の場所を見つけるために、都市を切り替えます。

「マップセット」3.(幅と高さ等地図、地図のズーム状態を変更することができる)地図の外観を変更するために自分の好みに応じ。

、「ディメンションの追加」の場所と、彼らはラベル付けしたい情報を追加して4。

「コードを求める第2のステップ」5.ボタン「コードを取得」をクリックします。

ブラウザを開き、htmlファイルのコードを生成するステップを保存6.あなたは、マップのBaiduの独自の定義を見ることができます。

注:既存のWebページにマップする場合は、次のようなiframeタグを使用することができます。

<iframe src="map.html" width="600" height="300" frameborder="0" scrolling="no"></iframe>

また、問題が発生することがあります。

ページに自動生成されたコード内の多くの人々は、マークのアイコンは表示されません。情報へのアクセスを通じ、多くの人々が、これは問題があるBaiduのライブラリであると言います。解決策は簡単ですが、それだけで画像のパスコードラベルのアイコンを変更する必要があります。

var icon = new BMap.Icon("http://map.baidu.com/image/us_mk_icon.png",)

おすすめ

転載: blog.csdn.net/qq_36251118/article/details/82894569