map.js 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. /*大屏*/
  2. $(function(){
  3. initMap();
  4. })
  5. //地图界面高度设置
  6. //加载地图
  7. function initMap(){
  8. // 百度地图API功能
  9. var map = new BMap.Map("map_div"); // 创建Map实例
  10. map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
  11. //添加地图类型控件
  12. var size1 = new BMap.Size(10, 50);
  13. map.addControl(new BMap.MapTypeControl({
  14. offset: size1,
  15. mapTypes:[
  16. BMAP_NORMAL_MAP,
  17. BMAP_HYBRID_MAP,
  18. ]}));
  19. // 编写自定义函数,创建标注
  20. function addMarker(point){
  21. var marker = new BMap.Marker(point);
  22. map.addOverlay(marker);
  23. }
  24. // 随机向地图添加25个标注
  25. var bounds = map.getBounds();
  26. var sw = bounds.getSouthWest();
  27. var ne = bounds.getNorthEast();
  28. var lngSpan = Math.abs(sw.lng - ne.lng);
  29. var latSpan = Math.abs(ne.lat - sw.lat);
  30. for (var i = 0; i < 25; i ++) {
  31. var point = new BMap.Point(sw.lng + lngSpan * (Math.random() * 0.7), ne.lat - latSpan * (Math.random() * 0.7));
  32. addMarker(point);
  33. };
  34. map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
  35. map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
  36. //设备地图颜色
  37. var mapStyle={
  38. style:"midnight"
  39. };
  40. map.setMapStyle(mapStyle);
  41. //加载城市控件
  42. var size = new BMap.Size(10, 50);
  43. map.addControl(new BMap.CityListControl({
  44. anchor: BMAP_ANCHOR_TOP_LEFT,
  45. offset: size,
  46. }));
  47. }