26 Temmuz 2012 Perşembe

Google Charts - GeoMap

Etiketler; işlevsel, başarılı, kullanışlı, akıllı, zengin,esnek ...

özetle :) hayran kaldım. .Net web projelerimde kullanmak için hemen kütüphanesini oluşturup ajax- postback de sorunsuz çalışacak bir mimari oluşturunca yeme yanında yat :) 

Tek olumuz yanı sistemin online olması. intranet kullanımlar için "http://www.google.com/jsapi" adresine erişim için izin verilmesi gerekmektedir. aksi halde Google 'un script kütüphanesi yüklenememiş ve grafik çizilmemiş olur.

Kaynak;


GeoMap : türkiye haritası üzerinde örnekleme;


Dll ile gerçekleştişim;



Html Kaynak Kod;
<html>
<head>
<script type='text/javascript' src='http://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load("visualization", "1", {packages:["geomap"]});
google.setOnLoadCallback(drawChart_ucGChart_chart_div); 
function drawChart_ucGChart_chart_div() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'City');
data.addColumn('number', 'Popularity'); 
data.addRows([
["\u0130zmir", 75],["\u0130stanbul", 34],["Ankara", 45],["Adana", 10],["Yalova", 9],["Samsun", 52]]); 
var options =
{"height":500, "width":800, "dataMode":"regions", "region":"TR"} 
var chart = new google.visualization.GeoMap(map_canvas);
chart.draw(data, options); return chart;}
</script>
</head>
<body>
        <div id='map_canvas'></div>
</body>
</html>

Türkiye haritası ve şehir isimleri  için aşağıdaki linkten yararlanabilirsiniz.



Hiç yorum yok:

Yorum Gönder