高徳地図-初期化地図
1896 ワード
1、問題の背景
高徳地図のインタフェースを利用して、武漢を中心とした地図を作成し、拡大レベルは18です.
2、ソースコードを実現する
3、実現結果
4、結果説明
(1)地図コアJSの導入
(2)地図中心点の作成
2つの数字はそれぞれ経度と緯度です
(3)地図コンテナの作成
(4)実体化地図の作成
(5)イニシャルコール
高徳地図のインタフェースを利用して、武漢を中心とした地図を作成し、拡大レベルは18です.
2、ソースコードを実現する
<!DOCTYPE html>
<html>
<head>
<title> </title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style type="text/css">
html,#map{height:100%}
body{height:100%;margin:0px;padding:0px}
</style>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key= "></script>
<script type="text/javascript">
function initMap()
{
//
var map=new AMap.LngLat(114.309531, 30.59619);
//
var mapObj=new AMap.Map("map",{
view:new AMap.View2D({
center:map,
zoom:18
})
});
}
</script>
</head>
<body onload="initMap();">
<div id="map"></div>
</body>
</html>
3、実現結果
4、結果説明
(1)地図コアJSの導入
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key= "></script>
(2)地図中心点の作成
var map=new AMap.LngLat(114.309531, 30.59619);
2つの数字はそれぞれ経度と緯度です
(3)地図コンテナの作成
<div id="map"></div>
(4)実体化地図の作成
var mapObj=new AMap.Map("map",{
view:new AMap.View2D({
center:map,
zoom:18
})
});
(5)イニシャルコール
onload="initMap();"