2017-01-07 6 views
0

モーダルでgmapを使いたいです。私はこのコードを書く:Google MapsをGmaps.jsを使ったブートストラップモーダルに入れよう

<div class="tab-pane fade" id="third"> 
     <div class="row col-md-10 col-md-offset-1"> 

      <label for="Editaddress_with_google">آدرس را بر روی نقشه مشخص کنید</label> 

      <div class="span11"> 
       <div style="top: 10px; left: 25px; width:210px; height:220px; float: left" id="EditMap"> 
        <label>tttttttttttttttttt</label> 
       </div> 
      </div> 
      <br> 
      <br> 
      <div class="row"> 
       <div class="col-md-4"> 
        <button id="Editbutton_Google_Serach" type="button" class="btn btn-info" >جستجو</button> 
       </div> 
       <div class="col-md-8"> 
        <input type="text" id="Editaddress_with_google" name="Editaddress_with_google" placeholder="آدرس" class="form-control" /> 
       </div> 
      </div> 

      <input type="text" hidden id="EditlatGoogleMap"> 
      <input type="text" hidden id="EditlngGoogleMap"> 

      <br> 
     </div> 
    </div> 

をしかし、私は、ウェブを見たときに、マップの任意のdiv要素を示しません。一方、EditMap divの幅と高さは0であった。

enter image description here

私はどのようにしなければなりませんか?

+0

何か他のものがそれを隠しています。あなたが提供したマークアップを使用しても、私はこの問題はありません。 – Kramb

答えて

1

あなたの地図要素から隠されたものを削除する必要があります。また、その要素の重複IDです。

チェクこの:

http://www.bootply.com/106707

関連する問題