ASP.NET MVCは、Baiduのマップを使用します

Baiduのマップを使用する前に、我々は、BaiduのオープンプラットフォームのアプリケーションAKに行かなければなりません。住所：http://lbsyun.baidu.com/

開発者の認証情報を記入し、あなたが個人として、また、秘密鍵、より強力なビジネス開発者の認定を適用するために、会社の名前にすることができます。既製の技術開発では、我々は通常、個々のは、一般的に、認証情報を記入し、そのようなあなたは（あなたはまた、いくつかのキーを見つけるために、強力なBaiduのを使用することができます）、その上に企業のキーに切り替えるにはライン上にしたい項目の後の時間として、秘密鍵を申請しますその後、3〜5営業日以内に、審査は、承認後、アプリケーションを作成することになります。

Baiduのマップジェネレータは、コードを生成すると、アドレス：http://api.map.baidu.com/lbsapi/creatmap/index.html

生成されたコード、コピーしてプロジェクトのページに直接貼り付けるを使用することができますが、生成されたコードは、すべての後に生成され、あなたは自分自身を再構築する必要があります。

あなたはまた、例を探すためにBaiduのAPIサンプルに行き、その後、修正、あなたが必要な方法に転換することができます。住所：http://developer.baidu.com/map/jsdemo.htm#c1_3

ここで私は、あなただけのダウンコピーし、うまく埋めるために自分の鍵を置けばいいのかの簡単な例です。

1  @ {
 2      レイアウト= NULL ;
3  }
 4  
5 <DOCTYPE HTML！>
 6 <HTML>
 7 <ヘッド>
 8      <メタHTTP-当量= " Content-Typeの"コンテンツ= " text / htmlの;のcharset = UTF-8 " />
 9      <メタ名= " ビューポート"コンテンツ= " 初期規模= 1.0、ユーザースケーラブル=なし" />
 10      <スタイルタイプ= " テキスト/ cssの" >
 12は、              幅：100％;
 13は、              高さ：100％;
 14              オーバーフロー：隠された;
 15              マージン：0 ;
 16              フォントファミリ：" マイクロソフトyahei " ;
 17          }
 18である      </スタイル>
 19      <タイトル>非同期<MAP /タイトルロード>
 20 </ HEAD>
 21である、<BODY>
 22である      <DIV ID = " allmap " > </ div>
 23である </ BODY>
 24 </ HTML>
25<スクリプトタイプ= " テキスト/ javascriptの" >
 26      // 功能百度地图API 
27      機能loadJScript（）{
 28          VARのスクリプト=のdocument.createElement（" スクリプト" ）。
29          script.type = " テキスト/ javascriptの" ;
30          script.src = " //api.map.baidu.com/api?v=3.0&ak=PlhFWpA02aoURjAOpnWcRGqw7AI8EEyO&callback=init " 。
31          document.body.appendChild（スクリプト）。
           新しい新 BMap.Map（" allmap "）;             // マップインスタンスを作成し
35          のvarポイント= 新しい新しい BMap.Point（116.404、39.915）; //は新しいポイント作成
36          map.centerAndZoom（ポイント、15 ）;
 37          map.enableScrollWheelZoom（） ;                  // ズームローライネーブル
38である     }
 39      window.onload = loadJScript;   // 非同期マッピングロード
40 </スクリプト>
 41である 
42ことである <HTML>
 43れる <HEAD>
 44である      = <メタ名" ビューポート"コンテンツ= " 幅=デバイス幅" />
 45      <タイトル>地図</タイトル>
 46 </ HEAD>
 47 <body>
 48      <div>
 49      </ div>
 50 </ BODY>
 51 </ HTMLを>

コードの表示

それは、話すことは何も非常に単純ません、コードを書くの過程で少しだけ、誰も、可能な限りあなたのコードを繰り返さないように、これは最も基本的な原則です。

実際には、いくつかのサードパーティのAPIを使用し、それは本当に非常に簡単です、あなたはおそらく唯一の、最初のAPIドキュメントの上に移動する必要があり、それが何ができるかを知って、あなたが機能するために必要なものの領域、および、この文書と機能をよく見に専念しますたとえば、その後、それを自分自身の輝きを変更。

ASP.NET MVCは、Baiduのマップを使用します

おすすめ