Я использую этот код для переключения между двумя различными тепловые карты:Изменить стиль, когда переключение между данными в Google Heatmap
Toggle between data in Google Heat Map
Можно дать каждому taxidata свой собственный стиль, e.g. two different gradients?
И можно сказать e.g.
<button onclick="toggleHeatmap()">Toggle Heatmap</button>
, который выбран taxidata? `
Im используя следующий код:
<script>
window.onerror = function(){return true;}
var map = null;
var heatmap = null;
var heatmap2 = null;
var pointArray = null;
var pointArray2 = null;
var firstData = true;
var taxiData = [
<?
foreach ($UserLocationHistory as $item) {
echo "new google.maps.LatLng(" .$item['UserPosLat'] . ", " .$item['UserPosLong'] . "),";
}
?>
];
var taxiData2 = [];
function initialize() {
var mapOptions = {
zoom: 13,
center: new google.maps.LatLng('48.139581, 11.579585'),
scrollwheel: false,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false
};
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
pointArray = new google.maps.MVCArray(taxiData);
pointArray2 = new google.maps.MVCArray(taxiData2);
heatmap = new google.maps.visualization.HeatmapLayer({
data: pointArray,
radius: 25,
opacity: 0.7,
})
heatmap.setMap(map);
heatmap2.setMap(map);
}
И в HTML:
<div>
<div id="panel">
<button onclick="toggleHeatmap()" class="btn btn-info">Anzeige wechseln</button>
</div>
<div id="map_canvas" style="height:450px; width:100%;"></div>
</div>
Да, это возможно. Что вы пробовали, что не сработали? – geocodezip
Что касается переключателя стиля, я попытался добавить второй Heatmap Определение: "heatmap2 = new google.maps.visualization.HeatmapLayer ({data: pointArray2 .... Но это нарушило скрипт. Что касается выбора тех таксонов: Нет, я начинаю и не очень уверен в Javascript –
Просьба представить [mcve] в вашем вопросе, который демонстрирует проблему ([edit] ваш вопрос) – geocodezip