Ticket T222593
Visible to All Users
Duplicate

We have closed this ticket because another page addresses its subject:

How to use Google Maps in XAF ASP.NET application

Embedding a google map in XAF application

created 10 years ago

Hi DevExpress support team,

i wonder how to embed a google maps javascripts v3 control into my XAF application. I figured out how to use the embedding version (Embedded map control) but i want to use a control with more customization functionality. Could you please tell me the right approach i should use to embed a html 5 page with javascript functions n my xaf application (PropertyEditor, ViewItem, …)?

HTML
<!DOCTYPE html> <html> <head> <style type="text/css"> html, body, #map-canvas { height: 100%; margin: 0; padding: 0;} </style> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY"> </script> <script type="text/javascript"> function initialize() { var mapOptions = { center: { lat: -34.397, lng: 150.644}, zoom: 8 }; var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="map-canvas"></div> </body> </html>

Thanks in advance, kind regards
Wolf

Comments (2)

    Hi Wolf !
    I have a same problem too,- and I think a lot of people has.
    How is your project ? Did you finish it successful ?
    I am interesting your project, I would be very happy, if I can view your project, and project source.
    thanks, and have a nice day,
    Zoltan

      Hi Zoltan,
      sorry to inform you that this project was only created to a prototyp stadium and did til now never finished. So i dont have any futher informations for you.
      Kind greetings
      Wolf

      Answers approved by DevExpress Support

      created 10 years ago (modified 10 years ago)

      Hello Wolf,
      I recommend you review the How to use Google Maps in XAF ASP.NET application thread where you can find an example that illustrates how to create a new ListEditor class and register JavaScript code in accordance with the Google Maps documentation to show a list of markers on a map (for more details, see https://developers.google.com/maps/documentation/javascript/examples/marker-simple).

      It would be helpful if you could describe how you are planing to use maps in your application and business scenario.
      This information will help us investigate whether it is possible to provide a universal and useful solution for this scenario.
      Thanks for your time in advance!

        Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

        Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.