如何利用JavaScript API绘制高德地图

 时间:2024-10-13 00:56:46

1、第一步,这里,我用的是HTML5页面进行设计的。那么,首先创建一个HTML5文件,如下图所示:

如何利用JavaScript API绘制高德地图

3、第三步,地图如何在页面上展示出来,这里就需要一个地图容器。于是,我在<body></body>中设置一个div,作为地图容器,如下图所示:

如何利用JavaScript API绘制高德地图

5、第五步,然后,编写生成地图的核心JS,指定地图的经纬度,地图为2D的,放大级别zoom,如下图所示:

如何利用JavaScript API绘制高德地图

7、第七步,但是,我发现这样写的话,地图始终不出来;于是,我仔细检查下,结果发现地图容器的ID恽但炎杰和初始化函数地图ID不一致,还有没有设置html元素的样式,导致地图始终显示不了。修改完了之后,邓咀挚垡重新刷新浏览器,地图显示出来了,如下图所示:

如何利用JavaScript API绘制高德地图
  • ArcMap重计算图斑面积
  • 如何安装arcgis developer help开发帮助文档?
  • 如何通过高程DEM进行水文分析
  • 怎样用CorelDraw制作逼真的树叶
  • ArcGIS中地形转栅格的工作原理
  • 热门搜索
    如何上传图片 点点客怎么样 慈禧秘密生活下载 生活新报 炽燃之翼怎么获得 可盐可甜是什么意思 二月份是什么星座 如何申请域名 生活格言 如何激活ipad