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.

1

Website with Google Map

By
Mark Wells
on 1/3/15, 3:19 PM 3,303 views

I need to create a Locations page on the Website that has multiple maps for each location. It seemed like this would be a pretty simple thing to do but it seems when ever I try to embed the Google Map API <iframe> in the buit in HTML editor, it will not save the file.  It rejects the <iframe>.

So, simple question?  how do you add a map element to a website page in Odoo?

Please Note: I also looked at the map on the default Contct Us page but the template doesn't seem to allow you to extract the map element from the template and I don't wnat to go digging though python etc to find out how to just put a simple HTML element on a page.

Thanks for any help

Thanks You, That worked great.  I was using the pre-built Google API maps that creates an

Mark Wells
on 1/5/15, 3:30 PM

Mark feel free to upvote good answers so that the user can build karma points.

Stephen Mack
on 1/5/15, 4:21 PM
Done 

Mark R. Wells
Data Solutions & Technology
9901 Business Parkway Suite R
Lanham, MD. 20706
(301) 583-3500
(240) 487-1453 (direct)
(571) 421-6295 (cell)


From: Stephen Mack <smack815@gmail.com>
Reply-To: "Odoo S.A." <catchall@mail.odoo.com>
Date: Mon, 5 Jan 2015 21:21:21 +0000
To: Mark Wells <mwells@dstincorporated.com>
Subject: Re: Website with Google Map

Mark feel free to upvote good answers so that the user can build karma points.

--Stephen
odoo
(I'm not an odoo employee just playing around with the signature feature)


Sent by Odoo S.A. using Odooabout Forum Post Website with Google Map
Mark Wells
on 1/5/15, 5:27 PM
8
Kazim Mirza
On 1/3/15, 6:37 PM

Hello Mark

Steps to set multiple google map in page

Step 1: Select page where you want to add google map and select customize.

Step 2: You have to add following code in page 

             <script src="http://maps.googleapis.com/maps/api/js"></script>
            <script>
                     function initialize() {
                            var mapProp = {
                                center:new google.maps.LatLng(51.508742,-0.120850),zoom:5,mapTypeId:google.maps.MapTypeId.ROADMAP
                                 };
                    var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
                        } 
                       google.maps.event.addDomListener(window, 'load', initialize);
              </script>
            <div id="googleMap" style="width:250px;height:250px;"></div>

Step 3: If you want to use more than one Google Map in single page then you have to just change the boldtext whis the ID of the google frame which uses as a DIV tag.

If you get the answer as you need then please accept the answer.

Thank You 

@Thanks..It's work..!

Mohit Kotak (MK)
on 9/7/15, 2:18 AM

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

4 follower(s)

Stats

Asked: 1/3/15, 3:19 PM
Seen: 3303 times
Last updated: 8/31/15, 7:29 AM