高德地图-初始化地图
来源:互联网 发布:温州国际淘宝城地址 编辑:程序博客网 时间:2024/04/30 04:48
1、问题背景
利用高德地图的接口,创建一个以武汉为中心点的地图,放大级别是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);两个数字分别是经度和纬度
(3)创建地图容器
<div id="map"></div>
(4)创建实例化地图
var mapObj=new AMap.Map("map",{view:new AMap.View2D({center:map,zoom:18})});
(5)初始化调用
onload="initMap();"
0 0
- 高德地图-初始化地图
- 高德地图初始化
- 高德地图 室内地图
- IOS 高德地图 初始化 重定义比例尺
- iOS高德地图 初始化 重定义比例尺
- iOS初始化一个高德地图大概需要多少东西
- 高德地图API
- 高德地图限制
- 高德地图LBS
- 高德地图应用
- Android-高德地图
- 高德地图定位
- 高德地图
- 高德地图
- iOS 高德地图
- IOS 高德地图
- 高德地图
- 高德地图 常见问题
- 【3327】顺序表应用4:元素位置互换之逆置算法
- Windows 8.1环境下安装Kali Linux 2016.1双系统
- 华为OJ平台——在字符串中找出连续最长的数字串
- 循环结构for与while
- 回首过去,我尝试过
- 高德地图-初始化地图
- WEB服务器、应用程序服务器、HTTP服务器有何区别?
- 多线程----线程通信
- EasyUI动态创建、删除模态Dialog
- LeetCode 292. Nim Game
- iptables 添加,删除,查看,修改
- 程序员必须知道的10大基础实用算法及其讲解
- Java 之反射
- 【Jmeter】EN5并发测试遇到问题点