Odoo Help

Welcome!

This community 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.

0

Showing google maps snippet inside of Popup

By
Tarik Tourougui
on 3/6/16, 11:41 AM 1,079 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.

google_map.html

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

            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
              });
            }
        </script>
    </head>
    <body>
        <div id="map">
        </div>
        <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCf-h2Od2097sfJ14DrgUv3ctmcTe1oHy4&callback=initMap"> </script>
    </body>
</html>

geolocation.py

# -*- 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")

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

geolocation.xml

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

         <!--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">
            <tree>
                <field name="name"/>
                <field name="matriculate"/>
                <field name="longitude"/>
                <field name="latitude"/>
            </tree>
        </field>
    </record>
        <!--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">
                    <sheet>
                        <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_
                        </group>
                            <div>
                                <object type="text/html" data="https://www.google.com/" width="800px" height="600px" style="overflow:auto;border:5px ridge blue"><object>
                            </div>

                    </sheet>

                </form>

            </field>
        </record>


        <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"/>

    </data>
</openerp>

well, that was a silly question ! i used

Tarik Tourougui
on 3/6/16, 1:13 PM
1
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.

Your Answer

Please try to give a substantial answer. If you wanted to comment on the question or answer, just use the commenting tool. Please remember that you can always revise your answers - no need to answer the same question twice. Also, please don't forget to vote - it really helps to select the best questions and answers!

About This Community

This community is for professionals and enthusiasts of our products and services. Read Guidelines

Question tools

3 follower(s)

Stats

Asked: 3/6/16, 11:41 AM
Seen: 1079 times
Last updated: 8/15/16, 4:02 AM