Create A New Map View Type In Odoo Using LeafletJS and OWL Javascript Framework

In this tutorial, you will learn how to create a new Odoo map view type using Leaflet and OWL Javascript Framework.
We will do the following:
- Select MAP API Library
- Create a new module
- Create a new map view type (Server Side)
- Create a new view type (Client Side)
- Render Leaflet Map View
Key Points:
- Use the latest ODOO 17 version
- Create a new view type from SCRATCH
- Explain the process STEP BY STEP
- Render the map using the LEAFLET open-source map library.
Part 1: • Understanding Odoo Web...
Git Repo: github.com/ajscriptmedia/odoo...
amzn.to/3V2ZP9O - Headphones
amzn.to/3yosAFa - USB C Hub
amzn.to/3UJBYe6 - Mouse Pad

[@mechahednourelislam]

Great tutorial!! THX

[@ajscriptmedia]

You're welcome! Thanks for watching.

[@nordicnomad5473]

Such a quality content. Thanks a lot 👍 🙏🙏🙏🙏🙏🙏

[@ajscriptmedia]

My pleasure 😊. Thanks for watching.

[@SRAIntegration-my2pi]

the best think you

[@ajscriptmedia]

You’re welcome. Thanks for watching.

[@abdullahilislam9418]

Just amazing. So unique and the way you describe the things are superb. Keep it up. Thank you
💜💜💜💜

[@ajscriptmedia]

Thank you so much 😀 You’re welcome!!

[@markkarme6073]

Very helpful thanks

[@ajscriptmedia]

Thanks 😊 You’re welcome..

[@Hfdzlvm]

Nice i like it

[@ajscriptmedia]

Thanks you 😊

[@muhanadtur8785]

Thanks man! a unique content as always!

[@ajscriptmedia]

My pleasure! 😊. Thanks for watching.

[@abdulmalekbahamid450]

thank greate job, please complete the next part soon as you can
to show partners location

[@ajscriptmedia]

Thanks, I’ll try my best 😊

[@abdulmalekbahamid450]

​@@ajscriptmedia I use your module in my project but I am pending to you for completing the next part. Please help me

[@mfauzi4357]

Amazing, I really want to know how to add like say drone image as an overlay to the map. That very useful for something like "farm" module

[@ajscriptmedia]

Oh wow. That will be amazing.🤩

[@lintoantony4952]

Great❤

[@ajscriptmedia]

Thanks 😊

[@user-ty7be1wp3b]

thank u man , best odoo channel

[@ajscriptmedia]

You’re welcome ☺️. Thank you too..

[@jirongzhang3237]

Do you have suggestion how to learn this OWL javascript framework? because there is rarely tutorial. Maybe I should learn VUE firstly because there are lots of resource to learn, then come back to understand OWL?

[@furkanshaikh3641]

Amazing video like as usual 🙏

[@ajscriptmedia]

Thank you so much 😀

[@furkanshaikh3641]

I have one requirement where when you submit the form from website it will create a sale order and as soon as sale os created, i will get notify in the POS session inside or display notification inside the POS session.
So how do i so that?
Any suggestions?
Please.

[@furkanshaikh3641]

I have gone through your video and i just created the leaflet controller and register it in view and add module in depends and i have done as you show in video but when i run it will display odoo client error which is give below:
TypeError : Comp1 is undefined.
So could you please share the addons commit id and enterprise addons commit id so that i change my addons HEAD according to you and then run.
I think it is originating from base module web.
Please Help.

[@alferjay]

It seems it’s a type error. Can you search where is Comp1 located in your code? Either it’s missing in the static props or you are passing a wrong props property. If it’s an object, you must pass an object.
BTW, this was not tested in the Enterprise version. Please do a local test before implementing on live databases.

[@furkanshaikh3641]

@@alferjay I copied the exact replica of this video in my code. But it is giving me error.

[@abdulmalekbahamid450]

When the next part will be ready?
thanks for all

[@ajscriptmedia]

Thanks for the patience. I have released the next part of this tutorial.

[@aliabdulla3]

thanks :)
when using leaflet within Odoo, especially when using layers from other map providers, i tend to get CORS errors
does anyone knows how I can handle CORS errors properly within odoo?

[@ajscriptmedia]

You’re welcome. Sure, I’ll let you know once I experience this issue. I’m still a beginner in using leaflet 🤣.

[@Rahul-rb2ji]

After long time finally!!!

[@ajscriptmedia]

😆🤣 Thanks for your patience waiting 😊

[@Rahul-rb2ji]

@@ajscriptmedia Your welcome, just curious how'd you learn all these? specially owl js?