2 Replies Latest reply on Jul 12, 2012 8:51 AM by GlenFlint2

    About the HTML control

    community help Level 1

      This question was posted in response to the following article: http://help.adobe.com/en_US/flex/using/WSacd9bdd0c5c09f4a-690d4877120e8b878b0-7fed.html

        • 1. Re:  About the HTML control
          GlenFlint2

          Can you help me integrate Google Maps with Actionscript 3.  The following HTML does not display in the given example.

           





                html

                body

                #map_canvas

               

          • 2. Re:  About the HTML control
            GlenFlint2 Level 1

            <code>

            <!DOCTYPE html>

            <html>

              <head>

                <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

                <style type="text/css">

                  html { height: 100% }

                  body { height: 100%; margin: 0; padding: 0 }

                  #map_canvas { height: 100% }

                </style>

                <script type="text/javascript"

                  src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDfNNCCL7xmvk-gTYmvS_Cy5PZcf5L3j_I&sensor= false">

                </script>

                <script type="text/javascript">

                  function initialize() {

                    var myOptions = {

                      center: new google.maps.LatLng(41., -96),

                      zoom: 8,

                      mapTypeId: google.maps.MapTypeId.ROADMAP

                    };

                    var map = new google.maps.Map(document.getElementById("map_canvas"),

                        myOptions);

                  }

                </script>

              </head>

              <body onload="initialize()">

                <div id="map_canvas" style="width:100%; height:100%"></div>

              </body>

            </html>

            </code>