MarkerClusterer 예제가 모두 자습서의 정확한 사본 인 경우

-1

Google marker clusterer example here의 모든 내용을 복사하고 사용하려는 포인트의 데이터를 변경했는데 마커가 내 맵에 표시되지 않습니다. 아래 코드)?MarkerClusterer 예제가 모두 자습서의 정확한 사본 인 경우

크롬 나에게 하나의 경고를주고있다

"자원 ... 스크립트로 해석하지만, MIME로 전송이 등 등 ..."... data.json "그러나

, 나는 데이터를 인쇄 document.write를 사용 (데이터 [I] .lat)과 같은 미세하고 모든 인쇄 ... 여기

<!DOCTYPE> 
<html> 
    <head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
    <title>MarkerClusterer v3 Example</title> 

    <style type="text/css"> 
     body { 
     margin: 0; 
     padding: 10px 20px 20px; 
     font-family: Arial; 
     font-size: 16px; 
     } 

     #map-container { 
     padding: 6px; 
     border-width: 1px; 
     border-style: solid; 
     border-color: #ccC#ccC#999 #ccc; 
     -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px; 
     -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px; 
     box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px; 
     width: 600px; 
     } 

     #map { 
     width: 600px; 
     height: 400px; 
     } 

    </style> 

    <script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js"></script> 
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script type="text/javascript" src="data.js"></script> 
    <script type="text/javascript" src="data.json"></script> 
    <script type="text/javascript"> 
     var script = '<script type="text/javascript" src="../src/markerclusterer'; 
     if (document.location.search.indexOf('compiled') !== -1) { 
     script += '_compiled'; 
     } 
     script += '.js"><' + '/script>'; 
     //document.write(script); 
     //document.write(data1); 
     //var obj = jQuery.getJSON("data.json"); 
     document.write(data[0].lat); 
     //alert(obj.name === "lat"); 
    </script> 

     <script type="text/javascript"> 
     function initialize() { 
     var center = new google.maps.LatLng(37.4419, -122.1419); 

     var map = new google.maps.Map(document.getElementById('map'), { 
      zoom: 3, 
      center: center, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }); 

     var markers = []; 
     for (var i = 0; i < 2; i++) { 
      //var dataPhoto = data.photos[i]; 
      var latLng = new google.maps.LatLng(data.lat, 
       data.lon); 
      var marker = new google.maps.Marker({ 
      position: latLng 
      }); 
      markers.push(marker); 
     } 
     var markerCluster = new MarkerClusterer(map, markers); 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <h3>A simple example of MarkerClusterer (5 markers)</h3> 
    <p> 
     <a href="?compiled">Compiled</a> | 
     <a href="?">Standard</a> version of the script. 
    </p> 
    <div id="map-container"><div id="map"></div></div> 
    </body> 
</html>

가 data.json 파일 내용의 ...

var data = [{"lat":37.4419,"lon":37.4419}, {"lat":37.4419,"lon":50.36}, {"lat":37.4419,"lon":137.4419}];

출처

2012-10-11 user772401

당신은 질문 :

내가 여기에 구글 마커 클러스터 러의 예에서 모든 것을 복사 그냥 포인트

의 데이터를 변경
(제목은 모든 튜토리얼의 정확한 사본이다 "라고)

어떤 생각이 왜 (그렇지 않다)?

뭔가 당신은 변경 :

data.lat 및 data.lon이 정의되지 않습니다.

당신은 데이터를 사용하려면 [I] .lat 및 데이터 [I]

Working example

출처

2012-10-11 21:15:48 geocodezip

와우 .lon! 고마워요, 진심으로, 당신은 내 영웅입니다. 나는 1 시간 동안 그걸 어리둥절하게하고 있었고, 내가 잘못한 것을 이해하지 못했고, 내 앞에서 괜찮 았어 !! – user772401

MarkerClusterer 예제가 모두 자습서의 정확한 사본 인 경우

답변

관련 문제