퓨전 테이블 데이터에서 생성 된 원의 배열로 google지도 채우기

Question

처음 포스터, 나는 뭔가 초보적인 것을 고려하지 않고 있지만 모르겠다. 그러나 내가 모르는 것을 모른다. ...

Fusion Tables를 사용하여 Google Maps API 서클 개체 배열을 채우고지도에 배치하려고합니다.

citymap['Dane'] = { 
    center: new google.maps.LatLng(43.10599621690524, -89.38682556152344), 
    population: 5000000 
}; 

... 그리고 map에 그들을 배치 :

은 현재 내가 배열과 같이 하드 코드 수 있어요.

그리고 퓨전 테이블에서 JSON을 반환하고 배열 및 display it이라고 생각하는 것을 만들 수 있지만 원 개체를 표시 할 수 없습니다.

Google에 필요한 조언에 대해 조언을드립니다. 미리 감사드립니다.

크리스 K.

당신은 Circle 클래스를 체크 아웃 할

Answer 1

여기지도에 표시 할 다각형을 생성하기 위해 새로운 신뢰할 수있는 테스터 API를 사용하는 예제입니다 :

https://developers.google.com/fusiontables/docs/samples/mouseover_map_styles

이 논리는 대신 다각형의, 유사해야합니다, 당신은 서클을 만들 것입니다 :

를

new google.maps.Circle({ 
    center: new google.maps.LatLng(<lat>, <lng>), 
    strokeColor: "#FF0000", 
    strokeOpacity: 0.8, 
    strokeWeight: 2, 
    fillColor: "#FF0000", 
    fillOpacity: 0.35, 
    map: map, 
    radius: <radius> 
}); 

Answer 2

; 원형 모양을 만들고지도에 배치하는 간단한 방법을 제공합니다. 좋아, 그래서 당신이 이미 모양 클래스를 발견 했으니 까, 거기서 좋다.

citymap = new Array(); 
for (var i = 0; i < data.table.rows.length; i++) { 
    var circleData = { 
     center: new google.maps.LatLng(data.table.rows[i][1]); 
     position: 2842518 
    } 
    citymap.push(circleData); 
} 

내가이 실현 : 난 당신이 더 다음과 같습니다 코드를 원한다고 생각

citymap = {}; 
for (var i = 0; i < data.table.rows.length; i++) { 
    citymap += 'citymap[\'' + data.table.rows[i][0] + '\'] = {' + 
     'center: new google.maps.LatLng(' + data.table.rows[i][1] + '),' + 
      'population: 2842518};'; 
} 

:

나는 당신의 문제는 당신이 당신의 처리 루프에서 문자열로 모든 것을 의존하고 있다고 생각 다른 약간의 데이터를 남겨 뒀지 만 당신은 아이디어를 얻었습니다. 당신의 주된 문제는 당신이 그 코드를 끈질 기게 쓰고 있다는 것이 었습니다.