Mapbox サイトにMapboxを埋め込む サンプルコード有り

Ajax
Javascript

Mapbox サイトにMapboxを埋め込む サンプルコード有り

WebサイトにMapboxを埋め込んで表示する方法です。
いたって簡単です。

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset=utf-8 />
 <title>A simple map</title>
 <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
 <script src='https://api.tiles.mapbox.com/mapbox.js/v1.6.4/mapbox.js'></script>
 <link 
  href='https://api.tiles.mapbox.com/mapbox.js/v1.6.4/mapbox.css' rel='stylesheet' />
 <style>
  body { margin:0; padding:0; }
  #map { position:absolute; top:0; bottom:0; width:100%; }
 </style>
 </head>
 <body> 
 
 <div id='map'></div>
 <script>
  var map = L.mapbox.map('map', 'akikogoto.*****') //ここはプロジェクトの番号を入力
     .setView([35.45797, 139.632314], 9);
 </script>
 
 </body>
 </html>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です