百度静态地图实验

本项目是为了测试百度静态api的使用,在浏览器页面导入多个瓦片,实现基本的放大缩小,拖拽,并自行增加其他功能。

JavaScript 地图

详细介绍

百度静态地图

一 项目概述

本项目是为了测试百度静态api的使用,在浏览器页面导入多个瓦片,实现基本的放大缩小,拖拽,并自行增加其他功能。

二 项目实施步骤。

  1. 整体布局设计
  2. 布局设计,铺满整个页面。
//整个显示器页面的大小
 windowheigh=window.screen.height;
 windowwidth=window.screen.width; 
//可见浏览器窗口的大小
 document.body.clientWidth;
 document.body.clientHeight;  
  1. 请求图片进行显示。
  2. 展示图片,调整界面。
  3. 右下方悬浮框口
    1. 布局,添加右下方悬浮窗口
    2. 设计对应控件的监听事件并实现响应
  4. 其他功能的添加
    1. marker的添加
    2. 路径的规划
    3. 更多
推荐源码