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>