百度地图的初级使用学习
来源:互联网 发布:手机淘宝上消费总额查 编辑:程序博客网 时间:2024/05/29 17:40
百度地图的学习还只是初用者。
这是一段js程序
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.2&services=true"></script>
<script type="text/javascript">var map = new BMap.Map("dituContent");
var point = new BMap.Point(118.13454,24.491539);
var marker = new BMap.Marker(point);//在point处添加标注
var opts = {
width : 260, // 信息窗口宽度
height: 85, // 信息窗口高度
title : "<strong>联系我们</strong>" // 信息窗口标题
}
//向地图中添加缩放控件
var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_SMALL});
map.addControl(ctrl_nav);
//向地图中添加缩略图控件
var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:0});
map.addControl(ctrl_ove);
//map.enableScrollWheelZoom();//启用地图滚轮放大缩小
map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
map.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]}));
//地图类型控件
map.centerAndZoom(point, 15);////将point移到浏览器中心,并且地图大小调整为15;
map.addOverlay(marker);//添加覆盖物
var infoWindow = new BMap.InfoWindow("公司地址:厦门市思明区xx路<br/>电话:0592-xxxxxx <br/>邮箱:xxxxxx@qq.com", opts); // 创建信息窗口对象
marker.openInfoWindow(infoWindow );
marker.addEventListener("click", function(){
this.openInfoWindow(infoWindow);
});
</script>
html部分,只需要一个id
<div style="border-right: #ccc 1px solid; border-toborder-leftp: #ccc 1px solid; : #ccc 1px solid; width: 658px; border-bottom: #ccc 1px solid; height: 350px" id="dituContent"></div>
0 0
- 百度地图的初级使用学习
- 学习使用百度地图的正确方法
- 百度地图的学习
- 百度地图的学习
- 百度地图的学习
- 百度推送的初级使用
- 百度地图的使用
- 百度地图的使用
- 百度地图的使用
- 百度地图的使用
- 百度地图的使用
- Android 百度地图API学习(一) 开始使用百度地图
- Android学习个人笔记-百度地图定位sdk的使用
- 关于使用百度地图SDK的学习笔记
- 百度地图API的学习
- 百度地图API的学习
- 百度地图_ 基础地图的使用
- 百度地图API的使用
- Linux设备驱动程序架构分析之SD Spec摘要
- mb_substr使用中出现的一点问题
- 10、手机防盗--利用样式设计向导界面
- 关于systemui:keyCode
- OSG中的示例程序简介
- 百度地图的初级使用学习
- HTML5实战与剖析之焦点管理(activeElement和hasFocus)
- 学习android的过程
- Hadoop框架之HDFS的shell操作
- 七个高效的文本编辑习惯(以Vim为例)
- 揭开正则表达式的神秘面纱
- iOS 导航控制器、标签、表视图的创建方法
- 他只得了1%,我们不能雇用他
- 解决!Visual Studio 遇到了异常。这可能是由某个扩展导致的。