I verwendet jvector Kartejvector Kartenset Farbe für ausgewählte Region zu Region klicken
var colorData = {
"1" : "#fcadb2",
"2" : "#0071A4",
"3" : "#C8EEFF",
"4" : "#0071A4",
"5" : "#C8EEFF",
"6" : "#0071A4"
}
$.getJSON ("<?php echo get_template_directory_uri(); ?>/map_data.php?id="+id+"",{},function(mapa){
var dataC = eval(mapa);
var countryData = [];
//for each country, set the code and value
$.each(dataC.countries, function() {
countryData[this.ccode] = this.visits;
});
//World map by jvectormap
$('#world-map').vectorMap({
map: 'world_mill',
backgroundColor: "#fff",
regionStyle: {
initial: {
fill: '#e4e4e4',
"fill-opacity": 1,
stroke: 'none',
"stroke-width": 0,
"stroke-opacity": 1
}
},
series: {
regions: [{
values: countryData,
scale: colorData, //['#3E5E6B', '#A6BAC2'],
normalizeFunction: 'polynomial'
}]
},
onRegionClick: function (event, code) {
//alert(code);
// highlight the countries
highlight_lang(code);
}
});
});
function highlight_lang(code) {
var map = $('#world-map').vectorMap('get', 'mapObject');
map.clearSelectedRegions();
//clear the array values
map.series.regions[0].clear();
map.setSelectedRegions([code]);
}
Auf Region Klick i die Funktion highlight_lang
genannt. Durch Verwendung dieser anderen als die ausgewählten Regionen werden gelöscht. Standardmäßig ist die gelbe Farbe ausgefüllt, während Sie auf die Region klicken. Wie ändere ich die Farbe der ausgewählten Region?
bitte helfen Sie mir