tnblog
首页
视频
资源
登录
愿你出走半生,归来仍是少年
排名
3
文章
317
粉丝
22
评论
14
bootstrap 栅格布局一小例子
剑轩 : 后端写样式有点痛苦哇
一点flex布局的运用
剑轩 : 后端写样式有点痛苦哇
vue.js常用指令
剑轩 : 可以可以,多总结一点
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

高德地图卫星图和路网图

5785人阅读 2022/6/5 15:10 总访问:2060248 评论:0 收藏:0 手机
分类: 随笔

代码如下:

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
  7. <title>卫星和路网图</title>
  8. <style>
  9. html,
  10. body,
  11. #container {
  12. margin: 0;
  13. padding: 0;
  14. width: 100%;
  15. height: 100%;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <div id="container"></div>
  21. <script src="//webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>
  22. <script>
  23. var map = new AMap.Map('container', {
  24. center: [116.397428, 39.90923],
  25. layers: [
  26. // 卫星
  27. new AMap.TileLayer.Satellite(),
  28. // 路网
  29. new AMap.TileLayer.RoadNet()
  30. ],
  31. zoom: 13
  32. });
  33. </script>
  34. </body>
  35. </html>

欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价