百度API接口开发,创建标注和Label标签。
来源:互联网 发布:数据库系统概念第六版 编辑:程序博客网 时间:2024/06/05 20:34
在公司项目中,用到了基于百度地图API的开发,下面简单介绍一下:
第一步:在页面中引入js文件,src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"。
第二步:创建实例,进行初始化,如下:
var map = new BMap.Map("container"); // 创建地图实例
map.centerAndZoom("上海",12); // 初始化地图,用城市名设置地图中心点
var point = new BMap.Point(121.48, 31.22); // 创建点坐标
map.centerAndZoom(point, 12); // 初始化地图,设置中心点坐标和地图级别
第三步:创建标注,如下:
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker);
第四步:创建Label,如下:
var label = new BMap.Label("这是一个标签!", {
offset: new BMap.Size(15, -25)
});
第五步:为Label设置样式,代码如下:
label.setStyle({
width: "120px",
color: '#fff',
background: '#ff8355',
border: '1px solid "#ff8355"',
borderRadius: "5px",
textAlign: "center",
height: "26px",
lineHeight: "26px"
});
第六步:为标注添加Label,代码如下:
marker.setLabel(label); //为标注添加一个标签
效果图如下:
- 百度API接口开发,创建标注和Label标签。
- 百度地图API接口下,创建标注的hover事件。
- 百度地图Api进阶教程-创建标注和自定义标注3.html
- 百度地图Api进阶教程-创建标注和自定义标注3.html
- js调用百度接口api接口添加标注
- 百度API 批量添加标注和监听标注点击事件
- 百度地图api为标注设置与删除文字标签
- 百度地图API接口 地图标注 地址经纬度解析
- 百度离线API获取坐标和添加标注
- 创建标签(Label)
- 百度地图API ajax异步获取数据库信息 页面显示多点标注和标注框
- 百度地图-创建标注 画线
- 百度地图之调用javaScript api接口实现多点标注及显示提示信息
- 百度地图开发总结----2.标注和信息弹窗
- input和label标签
- 详解百度地图API之地图标注
- 百度地图API详解之地图标注
- 百度地图API详解之地图标注
- 3DGIS第三章 约束条件下二次误差度量简化方法
- ip地址的几种处理方式
- Camera Calibration and 3D Reconstruction(opencv 2.4)
- LintCode(M)带min函数的栈
- 跨域CORS原理及调用具体示例
- 百度API接口开发,创建标注和Label标签。
- iOS -- 网络请求到的数据,中文出现乱码!!!
- JVM总结-内存监视手段及各区域内存溢出解决
- OpenGL中的轨迹球问题
- Log4j
- ios字体与安卓字体设置
- Linux RPM 命令参数使用详解
- Digital Library
- swift中单列的写法