求javaweb的调用地图api的项目能实现基本功能

2021-09-23 17:52

采菊东篱下

container容器：占50%大小--> <style type="text/css"> #container{width:100%;height:100%;} </style> </head> <body style="margin-top:0; margin-left:0"> <div id="container" style="margin-top:0; margin-left:0"></div> <script type="text/javascript"> var map = new BMap.Map("container");//在container容器中创建一个地图,参数container为div的id属性;map.addControl(new BMap.NavigationControl()); //初始化地图控件 map.addControl(new BMap.ScaleControl()); map.addControl(new BMap.OverviewMapControl()); var nt = new BMap.Point(11
4.704605,3
8.282669);//标注,实际应用时，这个应该设置到参数中 map.centerAndZoom(nt,20); //将nt移到中心，并且地图大小调整为20街道级; //其他坐标点var nts=new Array();nts.push(new BMap.Point(11
4.705027, 3
8.284326));//实际应用时，从数据库获取nts.push(new BMap.Point(11
4.701187, 3
8.284475));nts.push(new BMap.Point(11
4.700315, 3
8.285264));nts.push(new BMap.Point(11
4.706064, 3
8.284457));nts.push(new BMap.Point(11
4.706136, 3
8.284173));var deps=["特种车辆","特种车辆","特种车辆","特种车辆","特种车辆","特种车辆"];var personName=["王鹏","李大力","胡皓东","陈谦","大山","匿名用户"];//alert(deps[0]+"/"+personName[0]); for(var i=0;i<nts.length;i++){ addMarker(i); /*marker = new BMap.Marker(nts[i]); map.addOverlay(marker); marker.addEventListener("click",function(){ //创建信息窗口 var opts = { width : 30, // 信息窗口宽度 height: 30, // 信息窗口高度 title : deps[i] // 信息窗口标题 } var infoWindow = new BMap.InfoWindow(personName[i], opts); // 创建信息窗口对象 map.openInfoWindow(infoWindow, map.getCenter()); // 打开信息窗口 });*/ }function addMarker(j){ marker = new BMap.Marker(nts[j]); // 创建标注 map.addOverlay(marker); var opts = { width : 10, // 信息窗口宽度 height: 10, // 信息窗口高度 title : deps[j] // 信息窗口标题 } var infoWindow = new BMap.InfoWindow(personName[j], opts); // 创建信息窗口对象 marker.addEventListener("click", function(){ this.openInfoWindow(infoWindow); }); //marker.setLabel(new BMap.Label("我是，呵呵",{offset:new BMap.Size(10,-40)})); } //标注 /*var marker = new BMap.Marker(nt); map.addOverlay(marker); marker.addEventListener("click",function(){ //点击标注时出发 alert("您点击了标注"); }); marker.enableDragging(); //标注可拖拽 //创建信息窗口 var opts = { width : 30, // 信息窗口宽度 height: 30, // 信息窗口高度 title : "Hello" // 信息窗口标题 } var infoWindow = new BMap.InfoWindow("World", opts); // 创建信息窗口对象 map.openInfoWindow(infoWindow, map.getCenter()); // 打开信息窗口 //折线 var polyline = new BMap.Polyline([ new BMap.Point(11
4.705027, 3
8.284326), new BMap.Point(11
4.701187, 3
8.284475), new BMap.Point(11
4.700315, 3
8.285264) ], {strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5} //蓝色、宽度为6 ); map.addOverlay(polyline); */ </script> </body> </>