hkdtMap.htm 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  5. <style type="text/css">
  6. #allmap {
  7. width: 100%;
  8. height: 100%;
  9. overflow: hidden;
  10. margin: 0;
  11. font-family: "微软雅黑";
  12. }
  13. </style>
  14. <script type="text/javascript">
  15. $(function(){
  16. var chartADiv = $("#secD");
  17. $("#allmap").attr("style", "width:" + chartADiv.width() + "px");
  18. $("#allmap").attr("style", "height:100%");
  19. });
  20. </script>
  21. <title>站点地图</title>
  22. </head>
  23. <body>
  24. <h5 style="position: absolute;top: 0;margin-top: 1.4%;">地图</h5>
  25. <div id="allmap"></div>
  26. </body>
  27. </html>
  28. <script type="text/javascript">
  29. var map = new BMap.Map("allmap");
  30. initMap();
  31. //创建和初始化地图函数:
  32. function initMap(){
  33. createMap(); //创建地图
  34. setMapEvent(); //设置地图事件
  35. addMapControl();//向地图添加控件
  36. addMcdaList(); //添加牧场
  37. }
  38. //创建地图
  39. function createMap(){
  40. map.clearOverlays();//清空原来的标注
  41. var point = new BMap.Point("$daMcda.longitude", "$daMcda.latitude");
  42. map.centerAndZoom(point, 16);
  43. map.setMapType(BMAP_SATELLITE_MAP);
  44. }
  45. //设置地图事件
  46. function setMapEvent(){
  47. map.enableScrollWheelZoom();
  48. map.enableKeyboard();
  49. map.enableDragging();
  50. map.enableDoubleClickZoom();
  51. }
  52. //向地图添加控件
  53. function addMapControl(){
  54. //map.addControl(new BMap.MapTypeControl());
  55. var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
  56. map.addControl(navControl);
  57. var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
  58. map.addControl(overviewControl);
  59. }
  60. //添加牧场
  61. function addMcdaList() {
  62. searchByStationName("$daMcda.id","$daMcda.mcmc", "$daMcda.mcdz", "$daMcda.longitude", "$daMcda.latitude");
  63. }
  64. //根据地址查经纬度
  65. function searchByStationName(id,mcmc,xxdz,lng,lat) {
  66. //有经纬度
  67. if (lng != null && lng != "" && lat != null && lat != "" && lng.match(/^[0-9].*$/) && lat.match(/^[0-9].*$/)) {
  68. var marker = new BMap.Marker(new BMap.Point(lng,lat));
  69. map.addOverlay(marker);
  70. // var label = new BMap.Label(mcmc);//标签
  71. // marker.setLabel(label);
  72. var opts = {
  73. width: 100,
  74. height: 50,
  75. title: "<font style='font-weight:bold'>"+ mcmc +"</font>"
  76. }
  77. var infoWindow = new BMap.InfoWindow("地址:" + xxdz, opts);
  78. marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
  79. addClickHandler(marker,id);
  80. marker.addEventListener("mouseover", function() {
  81. marker.openInfoWindow(infoWindow);
  82. });
  83. marker.addEventListener("mouseout", function() {
  84. marker.closeInfoWindow(infoWindow);
  85. });
  86. } else {
  87. var myGeo = new BMap.Geocoder();
  88. myGeo.getPoint(xxdz, function(point) {
  89. if (point) {
  90. var marker = new BMap.Marker(point);
  91. map.addOverlay(marker);
  92. // var label = new BMap.Label(mcmc);//标签
  93. // marker.setLabel(label);
  94. var opts = {
  95. width: 100,
  96. height: 10,
  97. title: "<font style='font-weight:bold'>"+ mcmc +"</font>"
  98. }
  99. var infoWindow = new BMap.InfoWindow("地址:" + xxdz, opts);
  100. marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
  101. addClickHandler(marker,id);
  102. marker.addEventListener("mouseover", function() {
  103. marker.openInfoWindow(infoWindow);
  104. });
  105. marker.addEventListener("mouseout", function() {
  106. marker.closeInfoWindow(infoWindow);
  107. });
  108. }
  109. });
  110. }
  111. }
  112. //添加点击事件
  113. function addClickHandler(target, id) {
  114. target.addEventListener("click",function(){
  115. /* localStorage.setItem("yzgkRight", "dttj");
  116. localStorage.setItem("mcid", id);
  117. setFocus(4, 0);
  118. loadMainBodyPanel("yzgk", "a4b4"); */
  119. });
  120. }
  121. </script>