在HTML/Javascript文件中获取App Inventor 2变量值
Getting App Inventor 2 variable values in an HTML/Javascript file
我正在为用户设置一个简单的地图程序,以便在嵌入式谷歌地图上查看位置。我有地图在工作,但我想知道是否有一种方法让用户在AI2中输入坐标,然后把地图中心放在那里。这是我用来显示地图的HTML文件。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<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="https://maps.googleapis.com/maps/api/js?&sensor=true&language=en"></script>
<script type="text/javascript">
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(-34.397, 150.644),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
// Add a listener for the click event
google.maps.event.addListener(map, 'click', showPosition);
}
function showPosition(event) {
// display a marker on the map
marker = new google.maps.Marker({
position: event.latLng,
map: map,
icon: "./marker.png"
});
// print the selected position to the page title
var position = event.latLng.lat().toFixed(6) + ", " + event.latLng.lng().toFixed(6);
window.document.title = position;
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
是的,这是可能的。
您可以使用WebViewString
在应用程序和WebViewer
之间来回传递值。在您的应用程序中,您可以获取并设置WebViewer.WebViewString
属性。在webviewer
中,打开一个具有引用该窗口的Javascript的页面。AppInventor对象,使用其getWebViewString()
和setWebViewString(text)
方法。
另请参阅以下片段以获取完整的示例。
<!doctype html>
<head>
<meta name="author" content="puravidaapps.com">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Test</title>
</head>
<body>
<script>
document.write("The value from the app is<br />" + window.AppInventor.getWebViewString());
window.AppInventor.setWebViewString("hello from Javascript")
</script>
</body>
</html>
相关文章:
- 在Nodejs中Express输入DEBUG=app时权限被拒绝/bin
- 有没有比在app.js上绑定模块名称更好的方法来动态加载视图模型和视图以显示模态
- 2012年12月迁移在App Dashboard中不可用
- 如何使用app和secret进行安全的解析初始化
- MAC操作系统-如何通过Java类运行应用程序(.app)
- Django无法通过urls.py配置找到djangular/app.js文件.如何进行故障排除
- Rally App SDK 1.32:在最近的重组后,选择器无法使用通用查询访问PortfolioItems
- 未能加载app.html
- 在HTML/Javascript文件中获取App Inventor 2变量值
- Jquery手机单页app+视频+动态变化视频
- 仅在Express4上使用app.use('/api')时呈现页面
- 在app.settings中传递javascript变量(客户端变量到服务器端)
- 使用Express4将数组从Nodejs中的app.js传递到routes/index.js
- RequireJS正在加载angular应用程序,但没有't创建app.controller
- 如何使用App.cable.subscriptions.remove删除Rails5中的actioncable频道订阅
- 如果从onclick()内部调用app.open,则它没有响应
- WebStorm /usr/local/bin/node --debug-brk=55834 --nolazy app.
- 从Babel 5.8.35升级到6.0.0将不会编译带有SyntaxError和意外标记的app.js
- 在WebViewer组件中控制来自JavaScript的App Inventor元素
- App Inventor还是Android studio?哪一个更好