百度地图开发指南api！

最新推荐文章于 2024-05-09 08:57:58 发布

甜茶。。

最新推荐文章于 2024-05-09 08:57:58 发布

阅读量810

点赞数

本文链接：https://blog.csdn.net/Eason_______/article/details/105478094

版权

百度地图JavaScript API GL v1.0是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。
百度地图JavaScript API支持HTTP和HTTPS，免费对外开放，可直接使用。接口使用无次数限制。在使用前，您需先申请密钥（ak）才可使用。在您使用百度地图JavaScript API之前，请先阅读百度地图API使用条款。任何非营利性应用请直接使用，商业应用请参考使用须知。

JavaScript API GL使用了WebGL对地图、覆盖物等进行渲染，支持3D视角展示地图。 GL版本接口基本向下兼容，迁移成本低。目前v1.0版本支持了基本的3D地图展示、基本地图控件和覆盖物。

在这里插入代码片
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
	body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
	</style>
	<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script>
	<title>设置地图3D视角</title>
</head>
<body>
	<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
    // GL版命名空间为BMapGL
    // 按住鼠标右键，修改倾斜角和角度
	var map = new BMapGL.Map("allmap");    // 创建Map实例
	map.centerAndZoom(new BMapGL.Point(116.280190, 40.049191), 19);  // 初始化地图,设置中心点坐标和地图级别
	map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
	map.setHeading(64.5);
	map.setTilt(73);
	//根据鼠标的光标的移去获取坐标去移动，放大缩小视角的用能！ 
</script>

```我我觉得百度地图对于窗口信息这类做的很nice！
enableCloseOnClick()	none	开启点击地图时关闭信息窗口
disableCloseOnClick()	none	关闭点击地图时关闭信息窗口
addEventListener(event: String, handler: Function)	none	添加事件监听函数
removeEventListener(event: String, handler: Function)	none	移除事件监听函数
下面两个就很好理解，前面文章也有讲过！就好像是开启或者关闭窗口，保存之前的页面信息！这一点我觉得！对一个页面做出了多个页面的效果！
strokeColor	String	折线颜色
strokeWeight	Number	折线的宽度，以像素为单位
strokeOpacity	Number	折线的透明度，取值范围0 - 1
strokeStyle	String	折线的样式，solid或dashed
enableMassClear	Boolean	是否在调用map.clearOverlays清除此覆盖物，默认为true
enableEditing	Boolean	是否启用线编辑，默认为false

strokeColor	String	边线颜色
fillColor	String	填充颜色。当参数为空时，折线覆盖物将没有填充效果
strokeWeight	Number	边线的宽度，以像素为单位
strokeOpacity	Number	边线透明度，取值范围0 - 1
fillOpacity	Number	填充的透明度，取值范围0 - 1

animationstart	{}	动画开始时触发，如果配置了delay，则在delay后触发
animationiterations	{}	当动画循环大于1次时，上一次结束既下一次开始时触发。最后一次循环结束时不触发
animationend	{}	动画结束时触发，如果动画中途被终止，则不会触发
animationcancel	{}	动画中途被终止时触发

此类表示地图视角动画的关键帧，通过定义关键帧，API会补全关键帧之间过渡的动画过程。
属性	类型	描述
center	Point	地图中心点，默认值为地图当前状态中心点
zoom	Number	地图缩放级别，默认值为地图当前状态缩放级别
tilt	Number	地图倾斜角度，默认值为地图当前状态倾斜角度
heading	Number	地图旋转角度，默认值为地图当前旋转角度
percentage	Number	表示当前关键帧处于动画过程的百分比，取值范围0~1

甜茶。。

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度地图开发指南api！

百度地图JavaScript API GL v1.0是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。百度地图JavaScript API支持HTTP和HTTPS，免费对外开放，可直接使用。接口使用无次数限制。在使用前，您需先申请密钥（ak）才可使用。在您使用百度地图J...
复制链接

扫一扫