map.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>森林监控地图</title>
  6. <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=您的百度地图密钥"></script>
  7. <style>
  8. html, body, #map {
  9. height: 100%;
  10. margin: 0;
  11. padding: 0;
  12. }
  13. </style>
  14. </head>
  15. <body>
  16. <div id="map"></div>
  17. <script>
  18. var map = new BMap.Map("map");
  19. var point = new BMap.Point(116.397128, 39.916527);
  20. map.centerAndZoom(point, 12);
  21. map.enableScrollWheelZoom();
  22. map.addControl(new BMap.NavigationControl());
  23. map.addControl(new BMap.ScaleControl());
  24. map.addControl(new BMap.OverviewMapControl());
  25. map.addControl(new BMap.MapTypeControl());
  26. // 添加定位控件
  27. var geolocationControl = new BMap.GeolocationControl();
  28. map.addControl(geolocationControl);
  29. </script>
  30. </body>
  31. </html>