入门指导

JavaScript API 4.0 介绍

天地图JavaScript API 4.0是一套符合HTML5.0规范的的应用程序接口,以HTML 5.0的形式提供各种地图服务和数据,如地图展示、标注、定位等。为开发者提供了快速调用天地图在线地理信息服务的通道,包括快速创建地图、调用地图、地名搜索以及在地图上添加覆盖物等。可帮助开发者在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,支持主流的HTML4.0和HTML5.0特性的地图开发。

天地图JavaScript API 4.0支持HTTP和HTTPS,免费对外开放,可直接使用。使用API之前,需要申请应用Key。

获取API

地图API是由JavaScript语言编写的,您在使用之前需要通过

兼容性问题

浏览器:IE 8.0+、Firefox 3.6+、Opera 9.0+、Safari 3.0+、Chrome

操作系统:Windows、Mac、Linux

HELLO WORLD

地图API是由JavaScript语言编写的,您在使用之前需要通过

您可以复制示例代码到您的剪贴板中。

下面来说明这些步骤:

一.准备页面

根据HTML 标准,每一份HTML 文档都应该声明正确的文档类型,我们建议您使用最新的符合HTML5 规范的文档声明:

二、引入天地图JavaScript API文件

三、创建地图容器元素

地图需要一个HTML元素作为容器,这样才能展现到页面上。这里我们创建了一个div元素。将div元素的宽和高分别设置为100%,使其充满整个屏幕,或者您也可以计算浏览器窗口的大小并进行设置。

四、创建地图实例

五、确定经纬度坐标

这里我们使用T命名空间下的T.Lnglat类来创建一个坐标点。T.Lnglat类描述了一个地理坐标点,其中116.40969表示经度,39.89945表示纬度。

六、地图初始化

在创建地图实例后,我们需要对其进行初始化,map.centerAndZoom方法要求设置中心点坐标和地图级别。 地图必须经过初始化才可以执行其他操作。

html5 天地图,天地图API相关推荐

  1. java+天地图,天地图开发之Android-天地图显示

    最近开始学Android地图开发,由于做天地图api的人不多,想把自己这一段时间的劳动成果分享给大家,顺便可以一起学习.我用的版本是天地图移动API(Android)V2.1版. 1.下载天地图移动A ...

  2. classlist使用方法_如何通过使用HTML5的classList API在没有jQuery的情况下操作类

    classlist使用方法 by Ayo Isaiah 通过Ayo Isaiah 如何通过使用HTML5的classList API在没有jQuery的情况下操作类 (How to manipulat ...

  3. HTML5 Audio标签API整理(三)

    一.浏览器支持 Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 都支持 <audio> 元素. 注意: Internet Ex ...

  4. HTML5 Audio/标签Api整理(二)

    1.实例2: 相对较完整 Html代码: <style>#volumeSlider .slider-selection {background:#bababa;} </style&g ...

  5. html 树形图可拖拽,HTML5拖拽API实现vue树形拖拽组件

    因业务场景需要一个可拖拽修改节点位置的树形组件,因此动手撸了一个,乘此机会摸了一把html5原生拖拽.近期有时间将核心部分代码抽出,简单说下实现方式. 1.树形结构-组件递归使用 树形结构非常简单,t ...

  6. html标签api,html5新增标签+API介绍

    新增标签 1.embed embed标签是html5新增的标签,用来嵌入内容,比如插件等,常用于视频文件的播放(为外部应用程序定义容器). 这篇文章介绍了embed的常用属性,基本都是定义播放器的一些 ...

  7. html5中api有什么,HTML5中的API概览

    HTML5中的API概览 整理一下HTML5中的常见API. 前言 HTML5中提供了一些功能强大的API,在不考虑兼容性的情况下,比起原生js实现更加简单,比起jQuery可以少引入包,这里整理几个 ...

  8. html5 safari浏览器 全屏显示 隐藏工具条,HTML5全屏API不IPhone SE Safari浏览器工作,也...

    我想打一个div容器全屏等最新的iPhone,它在所有桌面浏览器和Android浏览器,但在iPhone浏览器(Safari浏览器)工作正常,它不管用.HTML5全屏API不IPhone SE Saf ...

  9. HTML5+百度地图API实现地理定位

    背景 如果知道用户在哪里,往往会提高很多Web应用的体验,比如为用户指明方向,对它们要去的地方给出建议,让用户知道它们所在的区域内有哪些人可能会对某个活动感兴趣等等.现在,利用HTML5(以及基于Ja ...

  10. 利用HTML5 Web Audio API给网页JS交互增加声音

    转自张鑫旭老师博客 原文地址 一.庞然的HTML5 Web Audio API 首先务必要弄清这一点,本文这里所说的HTML5 Web Audio API和HTML5 元素完全不是一个东西,其体量也完 ...

最新文章

  1. 探索RequestBody报com.alibaba.fastjson.JSONObject cannot be cast to xxx
  2. VMWAre+centeros7下tomcat的安装
  3. JVM的内存区域划分
  4. Bailian4140 方程求解【二分法】
  5. Linux下PHP开发环境搭建(Apache2.4+PHP7.1+MySQL8.0)
  6. 单片机/开发板连接配置的三种方式
  7. python培训班-python培训班哪家好
  8. Java实现蓝桥杯 九宫幻方
  9. 【雷丰阳SSM基础】【Spring】【03】IoC容器_配置bean—上
  10. NLP自然语言处理系列-音乐推荐系统实战 -基于矩阵分解(SVD)的推荐
  11. 微信服务号和订阅号的五大区别,如何选择申请微信公众号
  12. 花之语第七期:栀子花
  13. Android应用开发之所有动画使用详解
  14. 盘点程序员可以在上面捡钱的共享经济产品
  15. 北美CS求学找工指南
  16. pythonb超分辨成像_深度原理与框架-图像超分辨重构-tensorlayer(示例代码)
  17. Xilinx 7系列FPGA中CLB结构和内部资源使用
  18. 个人导航网站系统源码附带后台
  19. 【电影推荐系统】部署要点总结
  20. 数值策划扫盲专贴:深入浅出谈数值

热门文章

  1. 计算机考试怎么切换到桌面,考试系统很多考试系统全屏无法切换桌面,只能 – 手机爱问...
  2. mysqldump: Got error: 1044
  3. Java视频教程从入门到精通(2021完整版)
  4. MSDEV.EXE-应用程序错误解决办法
  5. 工作流集成表单的过程
  6. 安卓饼状图设置软件_android开源图表库MPAndroidChart(曲线图、直方图、饼状图)...
  7. keil5IDE 编写流水灯
  8. 将.sql文件导入数据库
  9. vue+springboot实现登录验证码(前后端分离)
  10. 【C语言】C语言入门经典题目(范围广,内容多)