实现代码

<!doctype html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"><link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" /><title>AMap创建地图</title><style>html,body,#container {margin: 0;padding: 0;width: 100%;height: 100%;}</style>
</head>
<body>
<div id="container"></div>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>
<script>var map = new AMap.Map('container', {/* 涉及到的布尔类型的属性animateEnable:地图平移过程中是否使用动画(默认为true)resizeEnable:是否监控地图容器尺寸变化(默认为false)isHotspot:是否开启地图热点和标注的hover效果(PC端默认为true,移动端默认为false) rotateEnable:地图是否可旋转(3D视图默认为true,2D视图默认为false)dragEnable:地图是否可通过鼠标拖拽平移(默认为true)zoomEnable:地图是否可缩放(默认为true)doubleClickZoom:地图是否可通过双击鼠标放大地图(默认为true)keyboardEnable:地图是否可通过键盘控制(默认为true)jogEnable:地图是否使用缓动效果(默认为true)scrollWheel:地图是否可通过鼠标滚轮缩放浏览(默认为true)touchZoom:地图在移动终端上是否可通过多点触控缩放浏览地图(默认为true)showBuildingBlock: 地图显示3D楼块效果,移动端也可使用(默认为true) 【注】实测结果,语言类型为中文时才生效pitchEnable: 地图能否调节俯仰角度(3D视图默认为true,2D视图下无效)buildingAnimation: 楼块出现和消失的时候是否显示动画过程(3D视图有效,PC端默认为true,手机端默认为false) */// 地图默认的缩放级别,zooms属性可以用数组来规定缩放范围,PC端默认为[3,18],取值范围[3-18];移动端默认为[3,19],取值范围[3-19]zoom: 13,// 中心点经纬度坐标(默认为所在市区)center: [121.48612, 31.24166],// 使用3D视图(默认为2D)viewMode:'3D',// 地图俯仰角度(默认为0),取值范围为[0,83],2D地图下无效pitch:30,// 地图语言类型(默认为中文简体),可取值:'zh_cn'(中文简体),'en'(英文),zh_en中英文双语lang: 'zh_cn'          });
</script>

AMap(创建基础地图)相关推荐

  1. android 添加定位点,Android 高德基础地图定位、设置Marker、可视中心点实现步骤...

    一.基础地图部分 1.获取APPKey 在高德地图注册开发者账号,然后创建应用,使用SHA1和PackageName得到Key image.png 创建应用 输入你的应用名称 选择你的应用类型 点击确 ...

  2. Android--百度地图之基础地图(三)

    开发者可利用SDK提供的接口,使用百度为您提供的基础地图数据.目前百度地图SDK所提供的地图等级为3-21级,所包含的信息有建筑物.道路.河流.学校.公园等内容. V3.7.0起,地图支持缩放至21级 ...

  3. power bi 地图_如何使用Power BI创建地理地图-填充地图和气泡地图

    power bi 地图 该项目 (The project) This is the first article of a series dedicated to discovering geograp ...

  4. 手把手教你实现百度基础地图+定位功能+设置中心点+添加Marker

    配置环境 1.获取AppKey 1.创建应用地址:http://lbsyun.baidu.com/apiconsole/key 2.创建应用: 3.获取SHA1值,首先cmd打开dos窗口 4.cd ...

  5. html 地址 点击召唤高德,HTML5创建高德地图

    创建高德地图 功能真的很好很强大,有图有证据! 1.申请key值 去官网 2.https://webapi.amap.com/maps?v=1.4.11&key=e22196035aaa10d ...

  6. MapGis二次开发——基础地图目录树控件的加载

    MapGis二次开发--基础地图目录树控件的加载 第一步:添加MapGis引用 MapGis动态库位置是在你安装位置下的\Program\plugin下,例如我的安装位置就是:D:\MapGIS 10 ...

  7. AMap JS 高德地图,修改渲染图层层级

    AMap高德地图,修改渲染图层层级 问题 官网方法 手动方法 更改层级演示 最后 问题 前端使用 AMap JS 高德地图时,覆盖物绘制线条(AMap.Polyline),会覆盖住下方的路段名称,路段 ...

  8. power bi 创建空表_如何使用R在Power BI中创建地理地图

    power bi 创建空表 介绍 (Introduction) This is the fifth article of a series dedicated to discovering geogr ...

  9. unity 如何创建六边形地图

    要在 Unity 中创建六边形地图,可以进行以下步骤: 创建一个空的 Unity 项目,并在场景中创建一个空的 GameObject. 在 GameObject 上添加 MeshFilter 和 Me ...

最新文章

  1. CIC滤波器溢出处理
  2. python需要php吗-python可以代替php吗
  3. 成功解决ConvergenceWarning: lbfgs failed to converge (status=1): STOP: TOTAL NO. of ITERATIONS REACHED L
  4. 【字符串系列】字符串匹配中的位并行算法
  5. 计算机硬盘应该什么格式化,怎么把电脑硬盘全部格式化?计算机硬盘格式,需要使用diskgenius分区工具删除所有分区...
  6. php 静态方法特点,浅析php静态方法与非静态方法的用法区别
  7. [js] js怎样避免原型链上的对象共享?
  8. 腾讯地图 marker 从地图上清空
  9. OD使用教程21(上) - 调试篇21
  10. NULL和空字符的区别
  11. J2EE代码存档--导出Excel
  12. 维纳滤波的详细讲解(同为小白,相互取暖)
  13. windows下常见的知识
  14. js实现下载excel
  15. 在遗忘边缘试探的matlab函数
  16. 1.7-秩和相关关系
  17. android连连看源代码,#经典连连看#源码分享
  18. ubuntu中静态ip的修改配置
  19. ASP.Net0625金通置业企业网站
  20. 男性英文名的意思 [2004-05-17 1:45 PM]

热门文章

  1. 无锡会计培训——初级会计考试难吗?
  2. Mac OS X窗口最小化方法的几个快捷键
  3. 安卓逆向笔记(课外资料)
  4. 在家陪爸妈玩斗地主的一些感受
  5. vue+admin:添加阿里云应用实时监控服务ARAMS
  6. [转}SkyEye硬件模拟平台,第三部分: 硬件仿真实现之二
  7. 早产的2016年终总结
  8. COGS 898. [咲 -Saki-] 天才麻将少女什么编
  9. 01星球第一天2023/2/27
  10. linux atop日志查看,atop