Web ページに百度地図とロゴを埋め込む

WBOY
リリース: 2016-06-21 08:49:35
オリジナル
1570 人が閲覧しました

現在、ディーラーの場所と情報を埋め込む必要があるウェブサイトを作成中です。いろいろ調べた結果、ようやく機能が完成したので共有したいと思います。
マップ機能: ルーラーによるズーム、マウスのスライドによるズーム、ラベルと情報の追加。
具体的な手順:
1: まず、Baidu Map API にアクセスしてキーを申請します。 (Baidu アカウントをお持ちでない場合は、まずアカウントを登録する必要があります)
2: Baidu Map API の機能は、注釈やズームなど比較的分散しています。コードを段階的に見つける必要があります。コードを整理して全員にコピーしました。これが最も単純なものになるはずです
<頭>





<スクリプトタイプ="text/javascript">
var map = new BMap.Map("allmap"); var point = new BMap.Point(116.384, 39.987) //マークする場所の緯度と経度
Map.centerAndZoom(point, 15) // 中心位置とズーム倍率
; Map.enableScrollWheelZoom() // スクロール軸を追加します
Map.addControl(new BMap.NavigationControl()); // 左上隅に定規ツールを追加します
Map.addControl(new BMap.NavigationControl()); Map.addControl(new BMap.ScaleControl()); Map.addControl(new BMap.OverviewMapControl()); Map.addControl(new BMap.MapTypeControl()); Map.setCurrentCity("北京");
var opts = {
width: 200, // 情報ウィンドウの幅 高さ: 20, // 情報ウィンドウの高さ
タイトル: 「建祥橋東華亭ホーム」 // 情報ウィンドウのタイトル
}
var infoWindow = new BMap.InfoWindow("xxx company", opts) //情報ウィンドウオブジェクトを作成します
Map.openInfoWindow(infoWindow, map.getCenter()) // 情報ウィンドウを開きます
var marker = new BMap.Marker(point) // 地図上に小さな赤い点であるマーカーを作成します
マップ.addOverlay(マーカー);






関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート