谷歌地图api并不总是画圆圈

时间:2014-01-09 14:49:34

标签: javascript google-maps

我正在建立一个网站,从文件中绘制几个气象站。

该文件如下:

{
"estaciones":
[
{"nombre":"Estacion1",
"lon":40.5,
"lat":-3.0,
"valores":{
            "so2":4, 
            "so3":5,
            "co2":3.2
        }
}]
}

我尝试使用此“Estacion1”显示经度和纬度的地图圆圈,以及更多:

function imprimir_estacion(estac){
    alert();
    var estacion = new google.maps.Circle({
    center:new google.maps.LatLng(estac.lon,estac.lat),
    radius:20000,
    strokeColor:"#0000FF",
    strokeOpacity:0.8,
    strokeWeight:2,
    fillColor:"#0000FF",
    fillOpacity:0.4
    });
    estacion.setMap(map);
    google.maps.event.addListener(estacion,'click',function() {
        alert(estacion.getCenter());
    });
}

问题是,如果我评论警报()y只获取地图,但没有圆圈。

我尝试使用firebug进行调试,但是..在firebug中没有错误。

任何帮助?

[编辑]

用于读取文件的代码是:

if(navigator.appName.search('Microsoft')>-1) { 
    datos = new ActiveXObject('MSXML2.XMLHTTP'); 
} else { 
    datos = new XMLHttpRequest(); 
}
leer();
function leer() {
    datos.open('get', 'estaciones.json', true); 
    datos.onreadystatechange= procesar;
    datos.send(null);
}
function procesar() {
    if(datos.readyState==4) {
        my_json = eval('(' + datos.responseText + ')');
        for (var i=0; i < my_json.estaciones.length; i++){
            imprimir_estacion(my_json.estaciones[i]);
        }
    }
}

0 个答案:

没有答案