实习第二个项目——彩虹旗传递（和高德地图有关的知识笔记）

最新推荐文章于 2024-08-11 18:40:36 发布

xiaoshuishuijing

最新推荐文章于 2024-08-11 18:40:36 发布

阅读量412

点赞数

分类专栏：等待-只为与你相遇文章标签： javascript api 高德地图

等待-只为与你相遇专栏收录该内容

2 篇文章 0 订阅

订阅专栏

//本着人道主义精神，特此说明，这是摘抄的笔记^O^

一、引入高德JavaScript API（网页版小试）

<head>
    <script language ="javascript" src="http://webapi.amap.com/maps?v=1.2&key=申请的key值"></script>
</head>

二、设置地图初始化属性mapOptions,如不设置地图初始化属性，地图会根据你所在城市作为地图中心点显示。注意：设置属性时，只一个属性句尾不需要”,”；多个属性时除最后一个属性其余都需要”,”。

var mapOptions = {
    center: new AMap.LngLat(110.45343,23.4242),//地图中心点
    level:13 //地图显示的缩放级别，数值越小范围越大。
}

三、创建地图实例

mapObj = new AMap.Map("container",mapOptions);//container只存放地图的容器ID；

四、载入地图

<body onLoad="mapInit()">
</body>

五、初始化

<script>
var mapObj;
function mapInit(){
    var mapOptions = {
        center:new AMap.LngLat(110.45343,23.4242),
        level:13
   }
   mapObj = new AMap.Map("container",mapOptions);
}
</script>

默认属性时的初始化

<script>
var mapObj;
function mapInit(){
    var mapObj;
    function mapInit(){
       mapObj = new AMap.Map("container");
   }
}
</script>

xiaoshuishuijing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
实习第二个项目——彩虹旗传递（和高德地图有关的知识笔记）

//本着人道主义精神，特此说明，这是摘抄的笔记^O^一、引入高德JavaScript API（网页版小试）<head> <script language ="javascript" src="http://webapi.amap.com/maps?v=1.2&key=申请的key值"></script></head>二、设置地图初始化属性mapOptions,如不设置地图初始化属性，地图会
复制链接

扫一扫