cityMap.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <font size="" color="">
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6. <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
  7. <script type="text/javascript"
  8. src="http://api.map.baidu.com/api?v=2.0&ak=WMYeXwq7z0VcaiUXTuYTGPZsm8Selmfd"></script>
  9. <script type="text/javascript" src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>
  10. <title>热力图功能-tianjiangnan</title>
  11. <style type="text/css">
  12. ul, li {
  13. list-style: none;
  14. margin: 0;
  15. padding: 0;
  16. float: left;
  17. }
  18. html {
  19. height: 100%
  20. }
  21. body {
  22. height: 100%;
  23. margin: 0px;
  24. padding: 0px;
  25. font-family: "微软雅黑";
  26. }
  27. #container {
  28. height: 1000px;
  29. width: 1000px;
  30. }
  31. #r-result {
  32. width: 100%;
  33. }
  34. </style>
  35. </head>
  36. <body>
  37. <div id="container"></div>
  38. </body>
  39. </html>
  40. <script type="text/javascript">
  41. // 创建地图实例
  42. var map = new BMap.Map("container");
  43. //设置地图的中心点如合肥的坐标
  44. var point = new BMap.Point(117.17, 31.52);
  45. // 初始化地图,设置中心点坐标和地图级别
  46. map.centerAndZoom(point, 8);
  47. // 允许滚轮缩放
  48. map.enableScrollWheelZoom();
  49. //只显示某个省份的关键代码
  50. var cityName = '安徽省';
  51. //添加缩略地图控件
  52. map.addControl(new BMap.OverviewMapControl());
  53. map.addControl(new BMap.NavigationControl({
  54. type: BMAP_NAVIGATION_CONTROL_LARGE,
  55. anchor: BMAP_ANCHOR_TOP_LEFT,
  56. offset: new BMap.Size(1000, 1000)
  57. }));
  58. var bdary = new BMap.Boundary();
  59. bdary.get(cityName, function (rs) { //获取行政区域
  60. var EN_JW = "180, 90;"; //东北角
  61. var NW_JW = "-180, 90;"; //西北角
  62. var WS_JW = "-180, -90;"; //西南角
  63. var SE_JW = "180, -90;"; //东南角
  64. //4.添加环形遮罩层
  65. var ply1 = new BMap.Polygon(rs.boundaries[0] + SE_JW + SE_JW + WS_JW + NW_JW + EN_JW + SE_JW,
  66. {strokeColor: "none", fillColor: "#fefb9c", fillOpacity: 1, strokeOpacity: 0.5}); //建立多边形覆盖物
  67. map.addOverlay(ply1);
  68. });
  69. //只显示某个省份的关键代码
  70. </script>
  71. </font>