首页 > 其他分享 >百度地图常用方法

百度地图常用方法

时间:2023-04-30 20:07:58浏览次数:52  
标签:map 常用 obj 地图 BMap var new 百度


var map = new BMap.Map("container"); // 创建地图实例   
map.addControl(new BMap.NavigationControl());//地图控制插件,该插件可以控制地图的位置地图的显示比例   
map.addControl(new BMap.ScaleControl());//显示在地图下方,告诉你地图上1cm对应的真实距离   
//map.addControl(new BMap.OverviewMapControl());   
map.addControl(new BMap.MapTypeControl());//地图的显示类型:包括地图和卫星

 

map.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]}));//地图|混合

 

//创建地图函数:
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(113.263865,23.151257);//定义一个中心点坐标,这里是初始

化要显示的经度和纬度,可到http://openapi.baidu.com/map/createMap.html查看自己要显示的值。
        map.centerAndZoom(point,12);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }
    
    //地图事件设置函数:
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件,默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    } 
// 编写自定义函数,创建标注:
    function addMarker(point, index) {
        var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {
            offset: new BMap.Size(10, 25),                  // 指定定位位置
            imageOffset: new BMap.Size(0, 0 - index * 25)   // 设置图片偏移
        });
        var marker = new BMap.Marker(point, { icon: myIcon });
        map.addOverlay(marker);
    } 
//添加覆盖物:
 
 
 
//添加覆盖物
function addCoverObj(obj,flag){
	var gc = new BMap.Geocoder();
	var iconImg= new BMap.Icon("http://api.map.baidu.com/img/markers.png", new 

BMap.Size(23, 25), {
	offset: new BMap.Size(10, 25),                  // 指定定位位置
	imageOffset: new BMap.Size(0, 0 - index * 25)   // 设置图片偏移
});
	var mypoint=new BMap.Point(obj.longitude_point, obj.dimensionality_point);
	allpoints.push(mypoint);
	var marker = new BMap.Marker(mypoint,{icon:iconImg});
	var label = new BMap.Label(obj.car_num,{"offset":new BMap.Size(15,-15)});
	label.setStyle({ //给label设置样式,任意的CSS都是可以的
		//fontSize:"14px", //字号
		border:"0", //边
		height:"23px", //高度
		width:"72px", //宽
		textAlign:"center", //文字水平居中显示
		lineHeight:"23px", //行高,文字垂直居中显示
		background:"url(../images/mapicon/y_bg.png) no-repeat" //背景图片,这是房

产标注的关键!
		//cursor:"pointer"
	});
	label.setStyle({"padding": "2px"});
	// 如果子节点存在且数量大于1的显示数字
	if(obj.count&&obj.count>0) {
		var cids = obj.childrenIds;
		if(flag==1){//运输公司
			label = new BMap.Label(("<b><a style='text-decoration: none' 

href='javascript:void(0);' οnclick='getCarListInRange("+obj.company_id+",

\""+obj.company_name+"\",\""+cids+"\")'>  "+(obj.count

+1)+"  </a></b>"),{"offset":new BMap.Size(25,-25)});
		}else if(flag==2){//建筑工地
			label = new BMap.Label(("<b><a style='text-decoration: none' 

href='javascript:void(0);' οnclick='getCarListInBSRange(\""+cids

+"\")'>  "+(obj.count+1)+"  </a></b>"),{"offset":new BMap.Size(25,-

25)});
		}else if(flag==3){//运行车辆
			label = new BMap.Label(("<b><a style='text-decoration: none' 

href='javascript:void(0);' οnclick='getCarListOnLineRange(\""+cids

+"\")'>  "+(obj.count+1)+"  </a></b>"),{"offset":new BMap.Size(25,-

25)});
		}
		label.setStyle({ //给label设置样式,任意的CSS都是可以的
			//fontSize:"14px", //字号
			border:"0", //边
			height:"33px", //高度
			width:"37px", //宽
			textAlign:"center", //文字水平居中显示
			lineHeight:"33px", //行高,文字垂直居中显示
			background:"url(../images/mapicon/y.png) no-repeat" //背景图片,

这是房产标注的关键!
			//cursor:"pointer"
		});
	}
	//添加车牌标签
	marker.setLabel(label);
	label.setStyle({
		borderColor:"#808080",
		color:"#333"
		//cursor:"pointer"
	});
	//添加监听
	if(!obj.count||obj.count==0) {
		marker.addEventListener("click",function(){
			//this.openInfoWindow(createInfoWindow(obj));
			// 存在子节点,显示列表(可链接到其他节点)
			//获取地址信息
			gc.getLocation(mypoint, function(rs){
				showLocationInfo(marker,obj,rs);
			});
		});
	}
	//将标注添加到地图上
	map.addOverlay(marker);
}



 

地图常用组件:



<script type="text/javascript">
var map = new BMap.Map("milkMap"); // 创建地图实例
var point = new BMap.Point(116.404, 39.915); // 创建点坐标
map.centerAndZoom(point, 16); // 初始化地图,设置中心点坐标和地图级别

map.addControl(new BMap.OverviewMapControl({isOpen:1})); //为地图添加鹰眼

//map.addControl(new BMap.NavigationControl()); //为地图添加鱼骨(默认)
map.addControl(new BMap.NavigationControl({type: BMAP_NAVIGATION_CONTROL_SMALL})); //为地图添加鱼骨(迷你型)

//map.addControl(new BMap.ScaleControl()); //添加一个带上偏移量的比例尺 
map.addControl(new BMap.ScaleControl({offset: new BMap.Size(5, 40)})); //添加一个带上偏移量的比例尺 

map.addControl(new BMap.MapTypeControl()); //为地图添加2D3D切换控件
map.setCurrentCity("北京"); // 仅当设置城市信息时,MapTypeControl的切换功能才能可用

var myCopyright = new BMap.CopyrightControl({offset: new BMap.Size(82, 0)}) //设置版权信息偏移量
map.addControl(myCopyright); //为地图添加版权控件 
myCopyright.addCopyright({id : 1, content : '<a style="line-height:30px;height:30px;display:block;color:red;background:yellow" href="http:ic/img/uiico.ico" />酸奶小妹的博客园</a>'});
</script>



 

标签:map,常用,obj,地图,BMap,var,new,百度
From: https://blog.51cto.com/u_4427045/6238082

相关文章

  • 【路径规划-机器人栅格地图】基于遗传算法求解光伏实验室小车路径规划附matlab代码
    ✅作者简介:热爱科研的Matlab仿真开发者,修心和技术同步精进,matlab项目合作可私信。......
  • Docker的一些常用命令
    Docker是一种容器化技术,需要使用许多命令来管理和操作容器。下面是对一些常用的Docker命令和它们的含义的解释:-v:用来将文件或者目录挂载到Docker容器中,使其可以在Docker容器内部进行访问。格式为-v/host/path:/container/path,其中/host/path是本地主机的文件路径,/conta......
  • 英文简历中的常用语
    Mature,dynamicandhonest.思想成熟、精明能干、为人诚实。Excellentabilityofsystematicalmanagement.有极强的系统管理能力。Abilitytoworkindependent1y,matureandresourcefu1.能够独立工作、思想成熟、应变能力强。Apersonwithabilityplusflexibilityshouldapp1......
  • 常用的正则表达式
    开发过程中中常用正则式身份证弱校验:15位或18位,最后一位为校验位可能为数字或字符X(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)手机号^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$ipv4地址((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.......
  • Raid卡常用命令
    1.创建删除raid#点3槽位灯:/opt/MegaRAID/MegaCli/MegaCli64-PDLocate-start-physdrv[32:3]-a0关3槽位灯:/opt/MegaRAID/MegaCli/MegaCli64-PDLocate-stop-physdrv[32:3]-a0#删除raid/opt/MegaRAID/MegaCli/MegaCli64-CfgLdDel-L1-A0L1:1为RIAD组TargetId号......
  • iOS百度地图 定位的实现
    今天发现自己好笨啊。。。一直在搞定位,想为什么会是空的,原来定位也是需要代理去实现的在初始化地图的时候,也就是在viewDidload里面是这样的mapView.showsUserLocation=YES;if(mapView.userLocation.location!=nil){NSLog(@"定位成功");coor=......
  • 线程常用方法join 和threadLocal
     从源码中可以得知,如果想要join方法正常生效,调用join方法的线程对象必须已经调用了start()方法并且未进入终止状态。扩展:从join方法的源码来看,join方法的本质调用的是Object中的wait方法实现线程的阻塞,wait方法的实现原理在后续的文章中在说详细阐述。**但是我们需要知道的是......
  • docker一些常用命令
    dockerversion:查看Docker版本信息。该命令可以查看当前安装的Docker版本信息,包括Docker引擎、客户端、API等版本。dockerinfo:查看Docker的详细信息。该命令可以查看Docker的详细信息,包括容器、镜像、网络等。dockersearch:搜索DockerHub上的镜像。该命令可以在DockerHub上搜......
  • MySQL常用数据库语句
    ==数据库==1、创建数据库createdatabase[IFNOTEXISTS]数据库名;2、删除数据库dropdatabase[IFEXISTS]数据库名;3、切换数据库selectdatabase();4、查询数据库showdatabases;————————————————————————————==数据表==1、创建数据表crea......
  • PyTorch常用操作
    数据集加载1.网络数据集加载数据集:https://pytorch.org/vision/stable/datasets.htmlimporttorchvision.datasetsasdatasetsimporttorchvision.transformsastransforms#定义数据集变换(将图像转换为张量以及对图像进行归一化的操作)transform=transforms.Compose([......