car_control.js 1.7 KB

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