'공급 업체/bdmapapi-master/autoload.php'가 필요합니다. BaidumapapiHeatMap \ heatmap을 사용하십시오;
$ 히트 포인트 = [ [ 'lng'=> 113.943062, 'lat'=> 22.549006, 'count'=> 10], [ 'lng'=> 114.064871, 'lat'=> 22.548925, 'count'=> 20], [ 'lng'=> 113.88908, 'lat'=> 22.580623, 'count'=> 30], // 더 많은 좌표 지점 ... ];
$ heatmap = 새로운 히트 맵 (); // 인스턴스 생성 $ heatmap-> setScale (3); // 히트 맵의 가중치 값을 설정합니다 $ heatmap-> setOpacity (0.8); // 히트 맵의 투명성을 설정합니다그런 다음`addpoint '메소드를 사용하여 좌표 지점과 해당 중량 값을 추가하십시오.
foreach ($ 히트 포인트로 $ point) { $ heatmap-> addpoint ($ point [ 'lng'], $ point [ 'lat'], $ point [ 'count']); }마지막으로, 히트 맵 데이터는 'getheatmapimage'방법에 의해 생성됩니다.
$ heatmapdata = $ heatmap-> getheatmapimage ();
<div id="map"></div>다음으로 JavaScript 코드에서 Baidu 맵 인스턴스를 작성하고 히트 맵 오버레이를 추가하십시오.
var map = new bmap.map ( "지도"); // 맵 생성 인스턴스 생성 var heatmapoverlay = new bmaplib.heatmapoverLay (); // 히트 맵 오버레이 인스턴스 MAP.CENTERANDZOOM 생성 (New BMap.Point (113.943062, 22.549006), 13); // 맵 센터 포인트 및 줌 레벨 맵을 설정합니다. Addoverlay (HeatMapoverLay); // 히트 맵 오버레이 추가 HEATMAPOVERLAY.SETDATASET ({data :<?php echo json_encode($heatmapData); ?> });
관련 태그:
API