title: google maps two maps on same page
body: <p>well i'm using this code for my website now -> <a href="http://bootply.com/98836" rel="nofollow">http://bootply.com/98836</a></p>
  
  <p>but i need two of maps in same page
  so i duplicate it and just change 'div id'</p>
  
  <p>first map is </p>
  
  <pre><code>&lt;div id="map-canvas"&gt;&lt;/div&gt;
  &lt;span id="map-input"&gt; address &lt;/span&gt;
  </code></pre>
  
  <p>and second map is</p>
  
  <pre><code>&lt;div id="maps-canvas"&gt;&lt;/div&gt;
  &lt;span id="maps-input"&gt; address &lt;/span&gt;
  </code></pre>
  
  <p>and i made .js for it</p>
  
  <p>but its not working
  its gonna two address in first map</p>
  
  <p>how can i solve it ???????</p>