123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 |
- <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">
- #allmap {
- width: 100%;
- height: 100%;
- overflow: hidden;
- margin: 0;
- font-family: "微软雅黑";
- }
- </style>
- <script type="text/javascript">
- $(function(){
- var chartADiv = $("#secD");
- $("#allmap").attr("style", "width:" + chartADiv.width() + "px");
- $("#allmap").attr("style", "height:100%");
- });
- </script>
- <title>站点地图</title>
- </head>
- <body>
- <h5 style="position: absolute;top: 0;margin-top: 1.4%;">地图</h5>
- <div id="allmap"></div>
- </body>
- </html>
- <script type="text/javascript">
- var map = new BMap.Map("allmap");
- initMap();
-
- //创建和初始化地图函数:
- function initMap(){
- createMap(); //创建地图
- setMapEvent(); //设置地图事件
- addMapControl();//向地图添加控件
- addMcdaList(); //添加牧场
- }
- //创建地图
- function createMap(){
- map.clearOverlays();//清空原来的标注
- var point = new BMap.Point("$daMcda.longitude", "$daMcda.latitude");
- map.centerAndZoom(point, 16);
- map.setMapType(BMAP_SATELLITE_MAP);
- }
- //设置地图事件
- function setMapEvent(){
- map.enableScrollWheelZoom();
- map.enableKeyboard();
- map.enableDragging();
- map.enableDoubleClickZoom();
- }
- //向地图添加控件
- function addMapControl(){
- //map.addControl(new BMap.MapTypeControl());
- var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
- map.addControl(navControl);
- var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
- map.addControl(overviewControl);
- }
- //添加牧场
- function addMcdaList() {
- searchByStationName("$daMcda.id","$daMcda.mcmc", "$daMcda.mcdz", "$daMcda.longitude", "$daMcda.latitude");
- }
- //根据地址查经纬度
- function searchByStationName(id,mcmc,xxdz,lng,lat) {
- //有经纬度
- if (lng != null && lng != "" && lat != null && lat != "" && lng.match(/^[0-9].*$/) && lat.match(/^[0-9].*$/)) {
- var marker = new BMap.Marker(new BMap.Point(lng,lat));
- map.addOverlay(marker);
- // var label = new BMap.Label(mcmc);//标签
- // marker.setLabel(label);
- var opts = {
- width: 100,
- height: 50,
- title: "<font style='font-weight:bold'>"+ mcmc +"</font>"
- }
- var infoWindow = new BMap.InfoWindow("地址:" + xxdz, opts);
- marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
- addClickHandler(marker,id);
- marker.addEventListener("mouseover", function() {
- marker.openInfoWindow(infoWindow);
- });
- marker.addEventListener("mouseout", function() {
- marker.closeInfoWindow(infoWindow);
- });
- } else {
- var myGeo = new BMap.Geocoder();
- myGeo.getPoint(xxdz, function(point) {
- if (point) {
- var marker = new BMap.Marker(point);
- map.addOverlay(marker);
- // var label = new BMap.Label(mcmc);//标签
- // marker.setLabel(label);
- var opts = {
- width: 100,
- height: 10,
- title: "<font style='font-weight:bold'>"+ mcmc +"</font>"
- }
- var infoWindow = new BMap.InfoWindow("地址:" + xxdz, opts);
- marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
- addClickHandler(marker,id);
- marker.addEventListener("mouseover", function() {
- marker.openInfoWindow(infoWindow);
- });
- marker.addEventListener("mouseout", function() {
- marker.closeInfoWindow(infoWindow);
- });
- }
- });
- }
- }
- //添加点击事件
- function addClickHandler(target, id) {
- target.addEventListener("click",function(){
- /* localStorage.setItem("yzgkRight", "dttj");
- localStorage.setItem("mcid", id);
- setFocus(4, 0);
- loadMainBodyPanel("yzgk", "a4b4"); */
- });
- }
- </script>
|