#56405141 · 10 Jun 2020, 17:50 · · პროფილი · პირადი მიმოწერა · ჩატი
https://caucasusoffline.com/map2/map.htmlეს მუშაობს, რაიონებს აქვს კლიკის ფუნქცია და გადადის | QUOTE | <g class='c64' onclick='gotocity(80 , 2)' name_c='ზუგდიდის მუნიციპალიტეტი' point_c='55' district_id='69937' ><circle class='fil39 str0 hover-circl' onmousemove='ShowTooltip(evt)' onmouseout='HideTooltip(evt)' cx='1064' cy='1081' r='60' />
<text onmousemove='ShowTooltip(evt)' onmouseout='HideTooltip(evt)' x='1022' y='1098' class='fil42 fnt0 per_t_60'>55%</text></g> |
ეს გადადის map2/city/80/2 ზე მინდა შევცვალო და 80/2 ს მაგივრად გადავიდეს https://caucasusoffline.com/2020/#Zugdidi ზე https://caucasusoffline.com/2020/#Tbilisi ზე და ა.შ ესაა კოდი | CODE |
functi0n ShowTooltip( event ){
$("path[district_id='"+ $(event.target).parent().attr('district_id') +"']").addClass('l-fill-path-h-l');
$("div.ho-head-municip").html( $(event.target).parent().attr('name_c') );
$("span.ho-point-municip").html( $(event.target).parent().attr('point_c') );
$("div.hover-inf-div").css({display:"block",position:"absolute", left:event.pageX - 130 ,top:event.pageY - 105 });
}
functi0n HideTooltip( event ){
$("div.hover-inf-div").css({display:"none"});
$("path[district_id='"+ $(event.target).parent().attr('district_id') +"']").removeClass('l-fill-path-h-l');
}
functi0n gotocity( city_id , id ){
window.location.href = "/map2/city/" + city_id + "/" + id;
}
// 'sabolo_shefaseba' , 'sajaro_info_p_g' , 'el_monawileoba' , 'moqalaqeta_monawileoba'
$(".map_inner").load("/map2/public/2019.svg", functi0n() {
load_maps();
});
functi0n load_maps(){
$("body").fadeIn(50);
//STICKY FOOTER - for this page after map load
var bumpIt = functi0n() {
$('.wrapper').css('padding-bottom', $('footer').outerHeight());
},
didResize = false;
bumpIt();
$(window).resize(functi0n() {
didResize = true;
});
setInterval(functi0n() {
if(didResize) {
didResize = false;
bumpIt();
}
}, 250);
//STICKY FOOTER END
// map filter
$(".years_map").click(functi0n(){
if($(".select_year").is(":hidden")){
$(".select_year").slideDown();
}
});
$(document).mouseup(functi0n(e){
if($(".select_year").is(":visible")){
var close = $(".select_year");
if(!close.is(e.target) && close.has(e.target).length === 0) {
close.slideUp(200);
}
}
});
$(".select_year div").click(functi0n(){
var txt = $(this).html();
$(this).parent().siblings(".year_year").html(txt);
$(this).parent().slideUp(200);
});
// map filter end
}
$("div.ico-change-data a").click(functi0n( event ){
event.preventDefault();
$("div.ico-change-data a").removeClass('cls-l-map-tab-b-c');
$(this).addClass('cls-l-map-tab-b-c');
$(".map_inner").load("/map2/public/"+ parseInt($('div.year_year').text()) +"_" + $(this).attr('f_svg') + "_.svg", functi0n() {
load_maps();
});
});
// Select Year
functi0n change_year_l( this_el ){
$(".map_inner").load("/map2/public/"+ parseInt( $(this_el).html() ) +".svg", functi0n() {
load_maps();
});
}
|
მეორე პრობლემა
ესაა SVG ში მონაცემების ფორმატი
| CODE | <g class='c64' onclick='gotocity(18 , 2)' name_c='აბაშის მუნიციპალიტეტი' point_c='19' district_id='69935' ><circle class='fil39 str0 hover-circl' onmousemove='ShowTooltip(evt)' onmouseout='HideTooltip(evt)' cx='1288' cy='1291' r='40' />
<text onmousemove='ShowTooltip(evt)' onmouseout='HideTooltip(evt)' x='1260' y='1308' class='fil42 fnt0 per_t_40'>19%</text></g>
<g class='c64' onclick='gotocity(80 , 2)' name_c='ზუგდიდის მუნიციპალიტეტი' point_c='55' district_id='69937' ><circle class='fil39 str0 hover-circl' onmousemove='ShowTooltip(evt)' onmouseout='HideTooltip(evt)' cx='1064' cy='1081' r='60' />
<text onmousemove='ShowTooltip(evt)' onmouseout='HideTooltip(evt)' x='1022' y='1098' class='fil42 fnt0 per_t_60'>55%</text></g>
|
https://caucasusoffline.com/map2/public/2019.svgთუ არის შესაძლებელი ეს შეცვალო და ბევრად მარტივი მეთოდით ჩანაცვლდეს და ყველაზე კოდში სათითაოდ არ მომიწიოს ცვლილებები ან მსგავსი თუ იცით google map + google sheets თ გაკეთებული
--------------------
ერთ მხარეს - ”ნაცების” ნაცემი კაცები, მეორე მხარეს კი- ეს ,,არაკაცები”.!
სასურსათო უსაფრთოება ისეთივე მნიშვნელოვანი უნდა იყოს ქვეყნისთვის , როგორც ენერგო უსაფრთხოება !
I R L Y M! ! !
https://www.facebook.com/IntProtest
https://CAUCASUSOFFLINE.COM
|
SVG რუკა + JS გადაკეთება
