2015-04-06 5 views
19

Voglio includere tutte le province del Pakistan usando google geochart. Ma solo 3 vengono raccolti. Il mio codice imposta i nomi delle province nella sceneggiatura e quindi le province dovrebbero essere raccolte dalla biblioteca.Perché non tutte le province del Pakistan si colorano di verde?

var data = google.visualization.arrayToDataTable([ 
    ['Province'], 
    ['Punjab'], 
    ['Khyber Pakhtunkhwa'], 
    ['Islamabad Capital Territory'], 
    ['Federally Administered Tribal Areas'], 
    ['Northern Areas'], 
    ['Azad Kashmir'], 
    ['Balochi'] 
]); 

Una possibilità è che io scrivo le regioni in modo errato ma non sembra così.

<!DOCTYPE html> 
<html> 

    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta charset="UTF-8"> 
    <meta name="keywords" 
      content="Houses Apartments, Vacation homes, Offices, Land, Flatmates,Paying Guest, Other real estate, Cars, Motorcycles, Accessories parts, Trucks, Other vehicles, Home Garden, Clothing, For Kids (Toys Clothes), Jewelry Watches, Hobbies, Sports Bicycles, Movies, Books Magazines, Pets, Tickets, Art Collectibles, Music Instruments, Computers Accessories, TV, Audio, Video, Cameras, Cellphones gadgets, Video games consoles, Job offers, Resumes, Services, Classes, Professional,Office equipment, Other, "> 
    <meta name="description" 
      content="Find jobs, cars, houses, mobile phones and properties for sale in your region conveniently. Find the best deal among {{count}} free ads online!"> 

    <title>Free classifieds in India - Koolbusiness.com</title> 

    <link href="/static/css/koolindex_in.css?0.238133053892" rel="stylesheet" type="text/css"> 
    <script type="text/javascript" src="/static/js/jquery-1.10.2.min.js?0.238133053892"></script> 
</head> 
<body> 
{% include "kooltopbar.html" %} 

    <script type='text/javascript' src='http://www.google.com/jsapi'></script> 
    <script type='text/javascript'> 


     function drawMap() { 
var data = google.visualization.arrayToDataTable([ 
      ['Province'], 
     ['Punjab'], 
     ['Khyber Pakhtunkhwa'], 
     ['Islamabad Capital Territory'], 
      ['Federally Administered Tribal Areas'], 
     ['Northern Areas'], 
     ['Azad Kashmir'], 
     ['Balochi'] 
    ]); 

var options = { 
      region:'PK', 
      backgroundColor: '#81d4fa', 
      datalessRegionColor: '#ffc801', 
     width:468, 
     height:278, 
    resolution: 'provinces', 
     }; 
    var container = document.getElementById('mapcontainer'); 
    var chart = new google.visualization.GeoChart(container); 

    function myClickHandler(){ 
     var selection = chart.getSelection(); 
     var message = ''; 
     for (var i = 0; i < selection.length; i++) { 
      var item = selection[i]; 
      // if (item.row != null && item.column != null) { 
       message += '{row:' + item.row + ',column:' + item.column + '}'; 
      //} else 
      if (item.row != null) { 
       message += '{row:' + item.row + '}'; 
      //} else if (item.column != null) { 
       // message += '{column:' + item.column + '}'; 
      } 
     } 
     if (message == '') { 
      message = 'nothing'; 
     } 
     //alert('You selected ' + message); 

     if (item.row==2) { 
      window.location = "/andhra_pradesh/"; 
     } 
     if (item.row==3) { 
      window.location = "/arunachal_pradesh/"; 
     } 
     if (item.row==4) { 
      window.location = "/assam/"; 
     } 
     if (item.row==6) { 
      window.location = "/chhattisgarh/"; 
     } 
     if (item.row==7) { 
      window.location = "/goa/"; 
     } 
     if (item.row==8) { 
      window.location = "/gujarat/"; 
     } 
     if (item.row==9) { 
      window.location = "/haryana/"; 
     } 
     if (item.row==10) { 
      window.location = "/himachal_pradesh/"; 
     } 
     if (item.row==11) { 
      window.location = "/jammu_kashmir/"; 
     } 
     if (item.row==12) { 
      window.location = "/jharkhand/"; 
     } 
     if (item.row==13) { 
      window.location = "/karnataka/"; 
     } 
     if (item.row==14) { 
      window.location = "/kerala/"; 
     } 
     if (item.row==15) { 
      window.location = "/madhya_pradesh/"; 
     } 
     if (item.row==16) { 
      window.location = "/maharashtra/"; 
     } 
     if (item.row==17) { 
      window.location = "/manipur/"; 
     } 
     if (item.row==18) { 
      window.location = "/meghalaya/"; 
     } 
     if (item.row==19) { 
      window.location = "/mizoram/"; 
     } 
     if (item.row==20) { 
      window.location = "/nagaland/"; 
     } 
     if (item.row==21) { 
      window.location = "/orissa/"; 
     } 
     if (item.row==22) { 
      window.location = "/punjab/"; 
     } 
     if (item.row==23) { 
      window.location = "/rajasthan/"; 
     } 
     if (item.row==24) { 
      window.location = "/sikkim/"; 
     } 
     if (item.row==25) { 
      window.location = "/tamil_nadu/"; 
     } 
     if (item.row==25) { 
      window.location = "/tripura/"; 
     } 
     if (item.row==28) { 
      window.location = "/uttar_pradesh/"; 
     } 
     if (item.row==29) { 
      window.location = "/west_bengal/"; 
     } 
     if (item.row==36) { 
      window.location = "/andaman_nicobar_islands/"; 
     } 
    } 
    google.visualization.events.addListener(chart, 'select', myClickHandler); 
    chart.draw(data, options); 
     } 
google.load('visualization', '1', {packages: ['geochart'], callback: drawMap}); 

    </script> 

<div id="wrapper"> 

<!--[if lt IE 7]> 
<div class="alert-outer alert-error"> 
    <a href="#" class="alert-closer" title="close this alert" onclick="removeIeNotification(this); return false;">×</a> 

    <div class="alert-inner"> 
     <span><strong>You are using an outdated version of Internet Explorer.</strong> For a faster, safer browsing experience, upgrade today!</span> 

    </div> 
</div> 
![endif]--> 
<header> 


    <h1 id="logo" class="sprite_index_in_in_en_logo spritetext">koolbusiness.com - The right choice for buying &amp; 
     selling in Pakistan</h1> 

    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
    <!-- v2 --> 
    <ins class="adsbygoogle" 
     style="display:inline-block;width:728px;height:15px" 
     data-ad-client="ca-pub-7211665888260307" 
     data-ad-slot="9119838994"></ins> 
    <script> 
     (adsbygoogle = window.adsbygoogle || []).push({}); 
    </script> 
</header> 

<![endif]--> 
<div style="width: 100%; overflow: hidden;"> 
    <div style="width: 768px; float: left;"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
<!-- front leaderboard --> 
<ins class="adsbygoogle" 
    style="display:inline-block;width:728px;height:90px" 
    data-ad-client="ca-pub-7211665888260307" 
    data-ad-slot="4543980997"></ins> 
<script> 
(adsbygoogle = window.adsbygoogle || []).push({}); 
</script> </div> 
    <div id="post3" style="margin-left: 735px;"> <a href="/ai" id="ad2">Post your ad for free</a> </div> 
</div> 


<div class="main"> 
<div class="column_left"> 
    <div class="box"> 

     <ul> 
      <li>KoolBusiness is easy, free, and kool.</li> 
      <li>Buy and sell <a href="/Pakistan/cars-for_sale">cars</a>, check our <a href="/Pakistan/real_estate">real 
       estate</a> 
       section, find <a href="/Pakistan/jobs">jobs</a>, and much more. 
      </li> 
      <li>Check our <strong><a href="/Pakistan">{{count}} ads online</a></strong> and find what you are looking for 
       in 
       your region or in all Pakistan. 
      </li> 
     </ul> 


    </div> 

    <div id="regions"> 


     <div class="region_links_one"> 
      <ul class="regions_one"> 
       <li><a id="region_8" class="region" href="http://www.koolbusiness.com/andhra_pradesh/">Andhra 
        Pradesh</a></li> 
       <li><a id="region_9" class="region" href="http://www.koolbusiness.com/arunachal_pradesh/">Arunachal 
        Pradesh</a></li> 
       <li><a id="region_10" class="region" 
         href="http://www.koolbusiness.com/assam/">Assam</a> 
       </li> 
       <li><a id="region_11" class="region" 
         href="http://www.koolbusiness.com/bihar/">Bihar</a> 
       </li> 
       <li><a id="region_12" class="region" 
         href="http://www.koolbusiness.com/chhattisgarh/">Chhattisgarh</a></li> 
       <li><a id="region_13" class="region" 
         href="http://www.koolbusiness.com/goa/">Goa</a></li> 
       <li><a id="region_14" class="region" href="http://www.koolbusiness.com/gujarat/">Gujarat</a> 
       </li> 
       <li><a id="region_15" class="region" href="http://www.koolbusiness.com/haryana/">Haryana</a> 
       </li> 
       <li><a id="region_16" class="region" href="http://www.koolbusiness.com/himachal_pradesh/">Himachal 
        Pradesh</a></li> 
       <li><a id="region_17" class="region" href="http://www.koolbusiness.com/jammu_kashmir/">Jammu 
        &amp; 
        Kashmir</a></li> 
       <li><a id="region_18" class="region" href="http://www.koolbusiness.com/jharkhand/">Jharkhand</a> 
       </li> 
       <li><a id="region_19" class="region" href="http://www.koolbusiness.com/karnataka/">Karnataka</a> 
       </li> 
       <li><a id="region_20" class="region" href="http://www.koolbusiness.com/kerala/">Kerala</a> 
       </li> 
       <li><a id="region_21" class="region" href="http://www.koolbusiness.com/madhya_pradesh/">Madhya 
        Pradesh</a></li> 
      </ul> 
      <ul class="regions_two"> 
       <li><a id="region_22" class="region" 
         href="http://www.koolbusiness.com/maharashtra/">Maharashtra</a></li> 
       <li><a id="region_23" class="region" href="http://www.koolbusiness.com/manipur/">Manipur</a> 
       </li> 
       <li><a id="region_24" class="region" href="http://www.koolbusiness.com/meghalaya/">Meghalaya</a> 
       </li> 
       <li><a id="region_25" class="region" href="http://www.koolbusiness.com/mizoram/">Mizoram</a> 
       </li> 
       <li><a id="region_26" class="region" href="http://www.koolbusiness.com/nagaland/">Nagaland</a> 
       </li> 
       <li><a id="region_27" class="region" href="http://www.koolbusiness.com/orissa/">Orissa</a> 
       </li> 
       <li><a id="region_28" class="region" href="http://www.koolbusiness.com/punjab/">Punjab</a> 
       </li> 
       <li><a id="region_29" class="region" href="http://www.koolbusiness.com/rajasthan/">Rajasthan</a> 
       </li> 
       <li><a id="region_30" class="region" href="http://www.koolbusiness.com/sikkim/">Sikkim</a> 
       </li> 
       <li><a id="region_31" class="region" href="http://www.koolbusiness.com/tamil_nadu/">Tamil 
        Nadu</a></li> 
       <li><a id="region_32" class="region" href="http://www.koolbusiness.com/tripura/">Tripura</a> 
       </li> 
       <li><a id="region_34" class="region" 
         href="http://www.koolbusiness.com/uttaranchal/">Uttaranchal</a></li> 
       <li><a id="region_33" class="region" href="http://www.koolbusiness.com/uttar_pradesh/">Uttar 
        Pradesh</a></li> 
       <li><a id="region_35" class="region" href="http://www.koolbusiness.com/west_bengal/">West 
        Bengal</a></li> 
      </ul> 
     </div> 
     <div class="region_links_two"> 
      <!-- ads here --> 
      <h2>Union territories</h2> 


      <ul class="regions_one"> 
       <li><a class="region" href="http://www.koolbusiness.com/delhi/">Delhi</a></li> 
       <li><a class="region" href="http://www.koolbusiness.com/lakshadweep/">Lakshadweep</a></li> 
       <li><a class="region" href="http://www.koolbusiness.com/daman_diu/">Daman &amp; Diu</a> 
       </li> 
       <li><a class="region" href="http://www.koolbusiness.com/dadra_nagar_haveli/">Dadra &amp; Nagar 
        Haveli</a> 
       </li> 
      </ul> 
      <ul class="regions_two"> 
       <li><a class="region" href="http://www.koolbusiness.com/chandigarh/">Chandigarh</a></li> 
       <li><a class="region" href="http://www.koolbusiness.com/pondicherry/">Pondicherry</a></li> 
       <li><a class="region" href="http://www.koolbusiness.com/andaman_nicobar_islands/">Andaman &amp; 
        Nicobar 
        Islands</a></li> 
      </ul> 
     </div> 
    </div> 

</div> 
<div id="my_wrapper"> 

<div id="mapcontainer"></div> 
<div id="gads" style="clear:both"> 

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
<!-- frontpagebelowmap --> 
<ins class="adsbygoogle" 
    style="display:inline-block;width:300px;height:250px" 
    data-ad-client="ca-pub-7211665888260307" 
    data-ad-slot="3839303791"></ins> 
<script> 
(adsbygoogle = window.adsbygoogle || []).push({}); 
</script> 



</div> 
</div> 



<footer class="nohistory columns"> 



    <p class="first">A good deal is just around the corner!</p> 


    <p>KoolBusiness is the right choice for safe buying and selling in Pakistan: a free classifieds website where you 
     can buy and sell almost everything.</p> 


    <p><a href="/ai">Post an ad for free</a> or browse through our categories. You will find thousands of free 
     classifieds for cars, houses, mobile phones and gadgets, computers, pets and dozens of items and services in 
     your state or union territory.</p> 


    <p> 

     <strong>KoolBusiness does not charge any fee and does not require registration.</strong> Every 
     ad is checked so we can give you the highest quality possible for the ads on our site. That’s why 
     KoolBusiness is the most convenient, easiest to use and most complete free ads site in Pakistan.</p> 


    <div id="world_sites"> 





    </div> 




</footer> 

</div> 



</body> 
</html> 

enter image description here

risposta

17

Apparentemente i nomi di regione utilizzati dall'API di visualizzazione sono alquanto errati (ad esempio Sindh viene indicato come Sind nell'API). Tuttavia, il più recente ISO 3166 Paese + i codici di suddivisione sembrano funzionare dove i nomi non lo fanno. Ecco la mappa completa per Pakistan:

function drawMap() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
    ['Province'], 
 
    ['Federally Administered Tribal Areas'], 
 
    ['Islamabad'], 
 
    ['Punjab'], 
 
    ['PK-KP'], // North West Frontier 
 
    ['Azad Kashmir'], 
 
    ['PK-GB'], // Northern Areas 
 
    ['Baluchistan'], 
 
    ['Sind'] 
 
    ]); 
 
    var options = { 
 
    region: 'PK', 
 
    backgroundColor: '#81d4fa', 
 
    datalessRegionColor: '#ffc801', 
 
    width: 468, 
 
    height: 278, 
 
    resolution: 'provinces', 
 
    }; 
 
    var container = document.getElementById('mapcontainer'); 
 
    var chart = new google.visualization.GeoChart(container); 
 
    chart.draw(data, options); 
 
} 
 
google.load('visualization', '1', { 
 
    packages: ['geochart'], 
 
    callback: drawMap 
 
});
<script type='text/javascript' src='http://www.google.com/jsapi'></script> 
 
<div id="mapcontainer" style="height: 500px;"></div>

+0

Grazie per la risposta. Potresti per favore farmi sapere come hai fatto a trovare i nomi? Non riesco a rendere le zone di North West Frontier e North West. Ma la tua risposta è essenzialmente giusta. Sembra che sia solo un'attuazione scarsamente documentata e forse incompleta. –

+5

Apri gli strumenti debugger nel tuo browser preferito e guarda la rete di ispezione per i file JavaScript. Uno di questi file (pk.js in questo caso) contiene una variabile "dizionario" contenente i nomi delle regioni. Questo è hacker ma ... –

+1

@NickRosencrantz Ho fatto una piccola modifica per rispondere, Cordiali saluti. –

3

Quei 3 province non hanno uno spazio nel loro nome. Spero che questo possa aiutare.

10

Come detto by Google Charts developer docs, è non supportata per tutti i paesi (se provate questo per noi, vedrete che sta lavorando, anche se non ho potuto farlo dipingere Alabama. Se si tenta in Canada, Ontario, non è verniciato).

risoluzione: "province" - Supportato solo per regioni nazionali e Stati Uniti regioni dello stato. Non supportato per tutti i paesi; prova un paese per vedere se questa opzione è supportata.

Problemi correlati