odoo後臺的谷歌地圖

Question

我想在我的Odoo聯繫頁面中顯示谷歌地圖。我已經安裝了一個獲取緯度和長度的函數，但是我想在地圖中顯示它們。

到目前爲止，我能夠使用下面的代碼顯示谷歌地圖。 但我有2個問題 1.地圖是唯一可見的調整我的網頁後，手動

我不知道如何從上面的odoo字段值死。

希望任何人都可以幫忙！ THX

<div id="googleMap" style="width:100%;height:400px;"></div> 
 
<script> 
 
function myMap() { 
 

 
var lat= 51; 
 
var long= 2; 
 

 
var mapProp= { 
 
    center:new google.maps.LatLng(lat,long), 
 
    zoom:10, 
 
}; 
 
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 
 
google.maps.event.trigger(map, 'resize'); 
 

 
}</script> 
 
<script src="https://maps.googleapis.com/maps/api/js?key=MY-KEY&callback=myMap"></script>

Thx的答案，但如果我用你的代碼中，我得到以下錯誤：

變更爲H & W至一個固定值也不起作用。

Answer 1

 
    
 
    <h3>My Google Maps </h3> 
 
    
 
    <div id="googleMap" style="width:100%;height:400px;"></div> 
 
    <script> 
 
     var lat= 50.50389; 
 
     var long= 4.4699451; 
 
     
 
     function myMap() {   
 
     var uluru = {lat: lat, lng: long}; 
 
     var map = new google.maps.Map(document.getElementById('googleMap'), { 
 
      zoom: 10, 
 
      center: uluru 
 
     }); 
 
     var marker = new google.maps.Marker({ 
 
      position: uluru, 
 
      map: map 
 
     }); 
 
     } 
 
    </script> 
 
    <script async defer 
 
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCFFqySePr9frroT5m96cNa2JcJLLCf7f0&callback=myMap"> 
 
    </script>