[Homework]-not online, but offline

本文详细介绍如何利用高德地图API快速实现网络GIS应用开发,包括地图的基本操作、主题设计及人性化界面搭建。通过具体案例解析,如路径查询、信息查询等功能的实现,帮助读者掌握HTML代码编辑技巧,避免常见编码陷阱。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

作业

1*基于任意网络地图API
2*网络GIS最基本功能,如地图移动、浏览、放大缩小等。
3*鲜明主题,人性化操作界面
4(optional)实用功能,如路径查询、信息查询等。

快速完成思路

确定
挑选
复制代码
.html代码文件
已有数据
网站主题
实例中心
合适的功能或控件
调试

.html代码大体认知

模糊**不科学**非理性认识。​拿“图层的添加与移除”的示例代码举例。
代码块1代码块2
代码块3
来源:https://lbs.amap.com/api/javascript-api/example/map-componets/map-layers

.html后缀文件如何创建与编辑

  • 创建:新建记事本,将后缀.txt改为.html即可。
  • 编辑:可以右键使用记事本[不建议,会导致中文字符编码而导致网页中文乱码]等文本编辑器打开,最好使用一些偏专业的编辑器,这里使用Adobe Dreamweaver。
  • 运行:使用浏览器打开。

复制示例为我所用

在理解html文件大概结构与意思之后,就可以在示例中找合适的代码啦
高德地图 JS API 示例中心:https://lbs.amap.com/demo-center/js-api

遇到的坑

  1. 使用记事本编辑导致的编码混乱,造成页面中文乱码
  2. 加载本地影像,由于高德地图使用火星坐标系,需转换(精度要求不高时手动调整)坐标

暂定结果


主题:?③∠夜光(珞珈一号夜光数据png*1)
网站效果:
代码:xixi not publish online

满意度调查:-)

  • 10
  • 9
  • 8
  • 7
  • 6
  • 5
  • 4
  • 3
  • 2
  • 1
  • 0

点我交谈>.<

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值