FileMaker 实时定位当前地址

来源:互联网 发布:三菱q系列编程手册 pdf 编辑:程序博客网 时间:2024/05/16 06:17

ileMaker中获取用户实时地址,使用的是腾讯地图API 

        使用其API定位当前地址的代码为

<html> <head>     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">     <title>Geolocation Components Demo - zoom effect</title>     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">    <style>        * {margin: 0; padding: 0; border: 0;}        body {            position: absolute;            width: 100%;            height: 100%;        }        #geoPage, #markPage {            position: relative;        }    </style>    <script type="text/JavaScript">     window.addEventListener('message', function(event) {         // 接收位置信息        var loc = event.data;        console.log('location', loc)var info = encodeURI(loc.addr);         var url = "fmp://$/demo?script=location&param=" + info ;
document.location.href=  url;
        var markUrl = 'http://apis.map.qq.com/tools/poimarker?marker=coord:' + loc.lat + ',' +loc.lng+ ';title:我的位置;addr:' + (loc.addr||loc.city) + '&referer=yourapp&key=yourkey';        document.getElementById('markPage').src = markUrl;    }, false);    </script> </head> <body>           <iframe id="geoPage" width="100%" height="30%" frameborder=0 scrolling="no"        src="http://apis.map.qq.com/tools/geolocation?key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp&effect=zoom"></iframe>           <iframe id="markPage" width="100%" height="70%" frameborder=0 scrolling="no" src=""></iframe>  </body>  </html>


   通过webviewer调用API实现定位。

   另外可以通过FileMaker的URL Scheme,将地图的位置信息传递给FileMaker字段。



0 0
原创粉丝点击