Google Maps in odoo Backend

Question

Ich möchte eine Google Map in meiner Odoo Kontaktseite zeigen. Ich habe bereits eine Funktion installiert, die Lat und Long bekommt, aber dann möchte ich sie in einer Karte zeigen.

Bisher konnte ich die Google Map mit dem folgenden Code zeigen. Aber ich habe 2 Probleme 1. die Karte nur sichtbar ist, nach meiner Seite manuell

Ändern der Größe
1. Ich weiß nicht, wie Werte aus dem odoo sterben zu bekommen Feldern oben .

Hoffe, dass jeder helfen kann! 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 für die Antwort, aber wenn ich den Code verwenden, bekomme ich folgende Fehlermeldung:

Ändern Sie den H & W auf einen festen Wert nicht funktioniert entweder .

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>