Odoo Help


Showing google maps snippet inside of Popup

Tarik Tourougui
on 3/6/16, 11:41 AM 2,504 views

Hello everyone,

I am working on a module that will allow the user to see the geographical position of a vehicle on Google Maps. i have succeeded so far to show the map on a new tab by passing the coordinates to Maps's JavaScript. Now i need to show that map inside of a popup so the user won't have to leave the odoo tab to get the information.


        <title>Localisation de vehicule</title>
            html, body { height: 100%;
                margin: 0;
                padding: 0; }
            #map { height: 100%; }

            function initMap() {
                var querystring = window.location.querystring;

                var mylong = location.search.slice(11,location.search.indexOf("&"));
                var mylati = location.search.slice(location.search.indexOf("latitude=")+9,location.search.indexOf("&key"))

                var myLatLng = {lat: Number(mylong), lng: Number(mylati)};
                var map = new google.maps.Map(document.getElementById('googleMap'), {
                zoom: 8,
                center: myLatLng
                var marker = new google.maps.Marker({
                position: myLatLng,
                map: map
        <div id="map">
        <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCf-h2Od2097sfJ14DrgUv3ctmcTe1oHy4&callback=initMap"> </script>


# -*- coding: utf-8 -*-

from openerp import models, fields, api

class Vehicle(models.Model):
    _name = 'tt.vehicle'

    name = fields.Char(string="Name")
    longitude = fields.Char(string="Longitude", required="True", default="51.6643335")
    latitude = fields.Char(string="Latitude", required="True", default="19.2976092")
    matriculate = fields.Char(string="Matricule", default="58924/A/48")
    # location = fields.Char(string="Coordonnées géographiques", compute="tt_return_location")

    def tt_locate_vehicle(self):
                "type": "ir.actions.act_url",
                "url": "http://localhost:63342/odoo/geolocation/google_map.html?longitude=" + self.longitude + "&latitude=" + self.latitude + "&key=AIzaSyAZkVmtvhuKp9U34DlKIicoW3CVEAuM0zM",
                "target": "new",


<?xml version="1.0" encoding="UTF-8"?>

         <!--Tree view vehicule-->
    <record model="ir.ui.view" id="vehicle_list_view">
        <field name="name">vehicle.tree</field>
        <field name="model">tt.vehicle</field>
        <field name="arch" type="xml">
                <field name="name"/>
                <field name="matriculate"/>
                <field name="longitude"/>
                <field name="latitude"/>
        <!--From view vehicule-->
        <record model="ir.ui.view" id="vehicle_form_view">
            <field name="name">vehicle.form</field>
            <field name="model">tt.vehicle</field>
            <field name="arch" type="xml">
                <form string="vehicle_form">
                        <group string="Information sur vehicule" colspan="4">
                            <field name="name"/>
                            <field name="matriculate"/>
                            <field name="longitude"/>
                            <field name="
                            <button name="tt_locate_vehicle" string="Localiser" type="object" class="oe_highlight"/>
                            <button name="tt_show_popup" string="popup" type="object" class="oe_
                                <object type="text/html" data="https://www.google.com/" width="800px" height="600px" style="overflow:auto;border:5px ridge blue"><object>




        <menuitem id="main_geolocation_menu" name="Géolocalisation"/>
        <menuitem id="geolocation_menu" name="Géolocalisation" parent="main_geolocation_menu"/>
        <menuitem id="geolocation_vehicle_menu" name="Géolocalisation des vehicules" parent="geolocation_menu" action="vehicle_action_view"/>


well, that was a silly question ! i used

Tarik Tourougui
on 3/6/16, 1:13 PM
Thanh Loyal
On 3/7/16, 2:40 AM

There is a way to show a popup on Odoo screen, it is to use Wizard. You may define your <div id="map"> in a wizard form view and also create a js file separately as describled in "Building Interface Extensions" document.

About This Community

This platform is for beginners and experts willing to share their Odoo knowledge. It's not a forum to discuss ideas, but a knowledge base of questions and their answers.


Odoo Training Center

Access to our E-learning platform and experience all Odoo Apps through learning videos, exercises and Quizz.

Test it now

Question tools

4 follower(s)


Asked: 3/6/16, 11:41 AM
Seen: 2504 times
Last updated: 5/23/17, 10:28 AM