динамически генерировать различную Google Map

Question

HI мне было интересно, как я могу предположить, чтобы генерировать множественные карты Google, основанные на различную широту и долго

, что я имею в виду одна пары лат и долго будет строить на индивидуальной карте

Моя JSON строка ниже, как и можно видеть, что есть две пары широты и долго, что я хочу, чтобы достичь является возможность показать две разные карты с помощью Javascript

[{"ID":"14","deviceID":"00000000-2b3a-8361-200f-007926c98c48","lat":"1.3471443","lng":"103.9598796","Message":"Panic Button was activated!","DateTimes":"11/29/2014 12:00:00 AM","deviceName":"Nexus 5"},{"ID":"16","deviceID":"00000000-2b3a-8361-200f-007926c98c48","lat":"1.3471514","lng":"103.9598849","Message":"Panic Button was activated!","DateTimes":"11/30/2014 12:58:37 AM","deviceName":"Nexus 5"}] 

в настоящее время у меня есть этот код и его дает мне эту ошибку

Uncaught TypeError: Cannot read property 'offsetWidth' of null

`

for (i = 0; i < obj.length; i++) {  

         function initialize(lat,lng) { 
         //latLng = latLng.split(",") 
         var mapOptions = { 
          center: new google.maps.LatLng(lat,lng), 
          zoom: 8 
         }; 
         var map = new google.maps.Map(document.getElementById('canvas_'+obj[i].ID), mapOptions); 
         } 


         var element = document.getElementById("inline_content"); 

         var h3 = document.createElement("h3"); 
         h3.innerHTML = obj[i].DateTimes ; 

          ifrm = document.createElement('canvas_'+obj[i].ID); 

          element.appendChild(ifrm); 
         element.appendChild(h3); 
         initialize(obj[i].lat,+obj[i].lng); 
         } 

Answer 1

Вы используете document.createElement неправильно. Сначала вы должны сказать, какой тег это будет; в вашем случае div.

... 
h3.innerHTML = obj[i].DateTimes ; 
// create element. 
ifrm = document.createElement('div');   // we make a <div> 
ifrm.setAttribute('id', 'canvas_' + obj[i].ID); // set the id of the <div> 
ifrm.setAttribute('class', 'map'); // so we can style the map elements (class="map"). 
element.appendChild(ifrm); 
element.appendChild(h3); 
...