入门指南将带您迅速了解地铁图 JS API的基本使用,学习如何以easy模式创建地铁简易图,使您在最短时间内创建一个地铁图页面。

准备页面

在正式开始开发地图应用之前,您需要做如下几步:

申请JS API的开发者Key

引入地铁图 JS API文件

html文档中的meta声明

创建地图容器

在页面body里想展示地图的地方创建一个div 容器,并指定id标识:

创建简易地铁图

做完简单的准备工作之后,就可以开始创建地图了.

easy模式快速创建地铁图

如果希望快速地通过默认设置来开发地铁图,可以使用easy模式来完成创建,只需要下面的简单一句代码,将我们刚刚创建div的id传给subway的构建函数即可,这个时候API将根据默认生成一个北京的地铁图:

var mysubway = subway("mysubway", {easy: 1});

运行之后就可以看到地铁图了。

完整的HTML代码如下:

SUBWAY

//开启easy模式, 直接完成地铁图基本功能, 无需自己写交互 window.cbk = function(){ var mysubway = subway("mysubway", { easy: 1 }); };

android 地铁地图api,入门指南-地铁图 JS API | 高德地图API相关推荐

  1. three.js和高德地图结合引入obj格式模型-效果演示

    代码要放在web服务中去访问,three.js只有在服务中才能获取模型的材质图片!! 源代码地址: three.js和高德地图结合引入obj格式模型.zip-Javascript文档类资源-CSDN下 ...

  2. java实现高德地图app_入门指南-高德地图手机版 | 高德地图API

    Android 端 如果您需要在浏览器中打开高德地图App,例如在H5页面中跳转到高德地图App,或者在本地App中加载的H5页面跳转到高德地图App,需要使用scheme调用,在H5中的链接中加入高 ...

  3. Android 音视频开发入门指南

    最近收到很多网友通过邮件或者留言说想学习音视频开发,该如何入门,我今天专门写篇文章统一回复下吧. 音视频这块,目前的确没有比较系统的教程或者书籍,网上的博客文章也都是比较零散的,希望我后面能挤出时间整 ...

  4. 基于百度地图的python开发服务端_python编程之API入门: (一)使用百度地图API查地理坐标...

    在网络编程中,我们会和API打交道.那么,什么是API?如何使用API呢?本文分享了一下我对API的理解以及百度地图API的使用. API是"Application Programming ...

  5. python怎么编程输入坐标_python编程之API入门: (一)使用百度地图API查地理坐标...

    在网络编程中,我们会和API打交道.那么,什么是API?如何使用API呢?本文分享了一下我对API的理解以及百度地图API的使用. API是"Application Programming ...

  6. Android音视频开发入门指南

    <Android 音视频从入门到提高 -- 任务列表> 1. 在 Android 平台绘制一张图片,使用至少 3 种不同的 API,ImageView,SurfaceView,自定义 Vi ...

  7. CameraX 曝光补偿 API 入门指南

    在移动端发展的过程中,相机设备对于推动移动设备创新起到了举足轻重的作用,而相机曝光则是能够拍摄出非凡品质照片的关键要素.在本文中,我将为大家详解移动端开发者在处理相机曝光时所遇到的挑战.之后我会为大家 ...

  8. 高德地图api如何不显示logo_Python爬取高德地图POI数据获取「洗浴推拿指南」

    学习交流群 认识高德地图API 打开"高德开放平台",点击"开发文档",在"Web服务"下寻找并点击"搜索API". 我 ...

  9. 立体栅格地图_更新丨智图栅格数据—彩色版地图,智臻智美,带来更好的业务体验...

    -www.geoq.cn- 智图栅格数据 彩色版地图 更新 -2019Q3- √ 数据内容持续丰富 √ 行政区划保持最新 √ 显示效果体验更佳 壹 数据丰富程度 兴趣点数量由3100万增加至3300万 ...

最新文章

  1. MSP430低功耗模式-while循环失效
  2. poj Going from u to v or from v to u? 强联通缩点+拓扑排序(或搜索)
  3. input中的disabled 和 readonly的区别
  4. 钉钉宣布品牌全新升级 首次明确回答了自身和生态的关系
  5. 饥饿的时候我想起的小食
  6. 数字电视的格式(BT.601 BT.709 BT.2020)和接口(BT.656 BT.1120 BT.2077)
  7. 微信生成带参数二维码以及获取此二维码参数
  8. MySQL 报错:Parameter ‘@XXX‘ must be defined.
  9. html ol标签用罗马数字,HTML重点标签总结
  10. PHP语言的动态特性-Going dynamic with PHP
  11. Java抽象类(abstract)
  12. C#中判断空字符串的3种方法性能分析 1
  13. 一、ArcGIS Server篇:利用ArcGIS Server发布动态地图服务
  14. 基于Strongswan的IPSec部署
  15. 图片 EXIF 信息中旋转参数 Orientation 的理解
  16. C++大作业 物流管理系统
  17. 计算机一级模块数量填什么,2015年全国各地职计算机考试初级,中级,(副)高级 通过模块数量.doc...
  18. 【PIL处理图片】小技巧之图片透明渐变处理
  19. IDEA插件系列(59):QAPlug插件——代码质量管理工具
  20. linux内核学习1:进程间通信IPC

热门文章

  1. 微信公众号开发 如何发布图文并茂的文章?
  2. 磁共振线圈分类_核磁线圈的基本架构及各部分主要功能
  3. 实用主义 | 如何定制化群发你的微信消息
  4. ps怎样给图片加logo
  5. 【转载】Windows搭建NTP始终服务器
  6. 003--北大考研计算机--考研经验贴
  7. 活动报名 | 马毅研究组NeurIPS 2022新作:稀疏卷积性能和稳健性超越ResNet
  8. el-table表格无数据时,更改其自带的提示‘暂无数据’
  9. FAQ(43): com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException: You have an error in your SQL sy
  10. 快速入门Tableau系列 | Chapter13【雷达图和凹凸图】