如何在AIR Android应用程序中的JS和AS3之间进行通信？

Question

我正在使用ExternalInterface，但我以前从未使用它，所以我不知道该做什么。 我甚至不知道ExternalInterface是否适用于AIR Android。

我正在尝试实施JS Google Maps API。 此时我可以使用StageWebView加载网页。 我可以在JS中访问经度和纬度值，但是当我在地图上选择一个位置时，我需要从AS3访问这些值。

这是HTML：

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      html, body { height: 100%; margin: 0; padding: 0; }
      #map { height: 100%; }
    </style>
  </head>
  <body>
    <div id="map"> </div>
      <script src="map.js"> </script>
    <script async defer
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBBCPwGs_7_ys3eyx7pyjPeVFoYABeSUzw
        &libraries=visualization&callback=initMap">
    </script>

  </body>
</html>

JS：

var lat;
var lng;
 window.initMap = function() {
  var map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 0, lng: 0},
    zoom: 100,
    styles: [{
      featureType: 'poi',
      stylers: [{ visibility: 'off' }]  // Turn off points of interest.
    }, {
      featureType: 'transit.station',
      stylers: [{ visibility: 'off' }]  // Turn off bus stations, train stations, etc.
    }],
    disableDoubleClickZoom: true
  });

     map.addListener('click', function(e) {
  var marker = new google.maps.Marker({
    position: {lat: e.latLng.lat(), lng: e.latLng.lng()},
    map: map
  });
         lat = e.latLng.lat();
         lng = e.latLng.lng();
         getLatLng();
});
}

 function getLatLng()
{
    var latlng = [];
    latlng.push(lat);
    latlng.push(lng);

    alert("coordinates", lat, lng);
    return latlng;
}

AS3：

private var _gmapHTMLFile:File;
private var _webView:StageWebView;
private var _mapURL:String;


gmapHTMLFile = File.applicationDirectory.resolvePath("gmap/gmap.html");
mapURL = gmapHTMLFile.nativePath;

webView = new StageWebView();
webView.stage = stage;
webView.viewPort = new Rectangle(0, 0,  stage.stageWidth, stage.stageHeight);
webView.addEventListener(MouseEvent.MOUSE_UP, onLocationSelected)
webView.loadURL(mapURL);


private function onLocationSelected(e:MouseEvent):void
{
   webView.loadURL("javascript:getlatlng()");

   //I also tried
   // var latslngs:Array = webView.loadURL("javascript:getlatlng()");
   // doesn't work, obviously
}

onLocationSelected函数的作用只是在AIR中显示一个警告窗口，其中包含JavaScript的位置坐标。 我的问题是如何使用ExternalInterface类访问和操作AS3中的lat和lng值？ 任何帮助是极大的赞赏！ 谢谢

Answer 1

你无法从javascript:getLatLong()读取返回值，从JS获取数据到AS3，老技巧是从JS设置window.location ，然后在AS3中侦听LOCATION_CHANGING事件并解析出来的数据更改location和event.preventDefault()以便该位置实际上不会更改。

AS3：

webView.loadURL("javascript:sendLatLng()");

JS：

function sendLatLng() {
    location.href = "?lat=" + lat  +"&lng=" + lng;
}

AS3：

webView.addEventListener(LocationChangeEvent.LOCATION_CHANGING, locationChanging);

function locationChanging(e:LocationChangeEvent):void {
    e.preventDefault();
    var query:String = e.location.split("?")[1];
    var vars:URLVariables = new URLVariables(query);
    trace(vars.lat, var.lng);
}

您可以尝试使用StageWebViewBridge库来帮助您。

您还可以尝试使用支持JS通信的Web View ANE 。

如何在AIR Android应用程序中的JS和AS3之间进行通信？

问题描述

1 个解决方案

解决方案1
2 已采纳 2016-03-13 04:07:25

如何在AIR Android应用程序中的JS和AS3之间进行通信？

问题描述

1 个解决方案

解决方案1 2 已采纳 2016-03-13 04:07:25

解决方案1
2 已采纳 2016-03-13 04:07:25