AppInventor - 從谷歌地圖獲取標記位置

Question

我想在拖動它之后獲得標記位置。 使用 AppInventor 通過 setWebViewString 函數從 Java Script 獲取位置。 地圖和標記的拖動工作正常。 但是 AppInventor 上的 App 沒有從 WebViewer 接收位置，WebViewString 沒有內容。

我想問題出在這部分代碼中：

google.maps.event.addListener(marker, 'dragend', function() {
    windowAppInventor.setWebViewString(marker.getPosition());
  });

拜托，有人可以評論嗎？

<!DOCTYPE html>
<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js">
</script>

<script>

var myCenter=new google.maps.LatLng(51.508742,-0.120850);

function initialize()
{
  var mapProp = {
    center: myCenter,
    zoom:15,
    panControl:false,
    zoomControl:true,
    mapTypeControl:false,
    scaleControl:false,
    streetViewControl:false,
    overviewMapControl:false,
    rotateControl:false,    
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);

var marker=new google.maps.Marker({
  position:myCenter,
  draggable:true,
  });

marker.setMap(map);

}
google.maps.event.addDomListener(window, 'load', initialize);

google.maps.event.addListener(marker, 'dragend', function() {
    windowAppInventor.setWebViewString(marker.getPosition());
  });

</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;margin:-8px"></div>
</body>
</html>

Answer 1

按照更正的代碼：

 <!DOCTYPE html> <html> <head> <script src="http://maps.googleapis.com/maps/api/js"> </script> <script> var myCenter=new google.maps.LatLng(51.508742,-0.120850); function initialize() { var mapProp = { center: myCenter, zoom:15, panControl:false, zoomControl:true, mapTypeControl:false, scaleControl:false, streetViewControl:false, overviewMapControl:false, rotateControl:false, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("googleMap"),mapProp); var marker=new google.maps.Marker({ position:myCenter, draggable:true, }); marker.setMap(map); google.maps.event.addListener(marker, 'dragend', function(event) { window.AppInventor.setWebViewString("Lat: " + marker.getPosition().lat().toFixed(6) + " Long: " + marker.getPosition().lng().toFixed(6)); }); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id="googleMap" style="width:500px;height:380px;margin:-8px"></div> </body> </html>

AppInventor - 從谷歌地圖獲取標記位置

問題描述

1 個解決方案

解決方案1
0 2015-10-11 20:00:55

AppInventor - 從谷歌地圖獲取標記位置

問題描述

1 個解決方案

解決方案1 0 2015-10-11 20:00:55

解決方案1
0 2015-10-11 20:00:55