c# winform 应用timer传参数方式实现在谷歌地图上实时位置

HTML前端脚本需要调用谷歌地图脚本Html Body内部写入HTML元素DIV 用于地图容器全副显示JS脚本实现var map = null;var mapOptions = null;var marker = null;var m1 = ""; m2 =

自豪的爬山虎

1942人浏览 · 2013-12-23 09:36:23

自豪的爬山虎 · 2013-12-23 09:36:23 发布

HTML前端脚本

需要调用谷歌地图脚本

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

Html Body内部写入HTML元素DIV 用于地图容器全副显示

<body style="margin: 0 0;" οnlοad="javascript:initialize();">
    <div id="map_canvas" style="width: 100%; height: 100%">
    </div>
</body>

JS脚本实现

<script type="text/javascript">


        var map = null;
        var mapOptions = null;
        var marker = null;


        var m1 = ""; m2 = 0; m3 = 0; var markersArray = [];


        function shishi1(m) {
            
            deleteOverlays();
            
            if (map.getZoom() < 10 || map.getZoom() > 13) {
                map.setZoom(10);
            }
            var lat = 0, lon = 0; m1 = ""; time = "";
            var point = m.split("|");
            var myLatlng;
            var infowindow;


            var ltlng = []; man = []; times = [];
            for (var i = 0; i < point.length; i++) {


                lat = point[i].split(",")[0];
                lon = point[i].split(",")[1];
                m1 = point[i].split(",")[2];
                time = point[i].split(",")[3];


                myLatlng = new google.maps.LatLng(lat, lon);
                ltlng.push(new google.maps.LatLng(lat, lon));
                man.push(m1);
                times.push(time);
            }


            for (var i = 0; i <= ltlng.length; i++) {
                var marker = new google.maps.Marker({
                    map: map,
                    position: ltlng[i],
                    title: man[i]
                });
                markersArray.push(marker);
                (function(i, marker) {
                    google.maps.event.addListener(marker, 'click', function() {
                        if (!infowindow) {
                            infowindow = new google.maps.InfoWindow();
                        }
                        infowindow.setContent("<span class='s1'>巡检员昵称</span>:" + man[i] + "<br/><span class='s1'>上次位置时间</span>:" + dateConvert(times[i]));
                        infowindow.open(map, marker);
                    });
                })(i, marker);
            }
            function deleteOverlays() {
                if (markersArray) {
                    for (i in markersArray) {
                        markersArray[i].setMap(null);
                    }
                    markersArray.length = 0;
                }
            }


        }
        function dateConvert(str) {
            var timestr = "20" + str.substr(0, 2) + "-" + str.substr(2, 2) + "-" + str.substr(4, 2) + " " + str.substr(6, 2) + ":" + str.substr(8, 2) + ":" + str.substr(10, 2);
            return str != "" ? jQuery.timeago(timestr) : "";
        }


        function SendSSPoint(m, p0, p1) {
            m1 = m;
            m2 = p0;
            m3 = p1;
            var infowindow;


            var parliament = new google.maps.LatLng(m2, m3);
            map.setZoom(18);
            marker.setPosition(parliament);
            if (OutofRect(parliament)) {
                map.setCenter(parliament);
            }
            google.maps.event.addListener(marker, 'click', function() {
                if (!infowindow) {
                    infowindow = new google.maps.InfoWindow();
                }
                infowindow.setContent("<span class='s1'>巡检员昵称</span>:<img src='Images/peopleHeader.png' width='35px' height='35px' />   " + m1 + "<br/><span class='s1'>当前经纬度</span>:" + m2 + "," + m3);
                infowindow.open(map, marker);
            });
        }
        function OutofRect(parliament) {
            if (map.getBounds().contains(parliament))
                return false;
            else
                return true;
        }
        function initialize() {


            mapOptions = {
                zoom: 18,
                center: new google.maps.LatLng(39.92, 116.46),
                mapTypeId: google.maps.MapTypeId.HYBRID
            };
            map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
            //var image = 'Images/MapMarker_Flag4_Left_Pink.png';  自定义头像图标 需要可以写入Marker ICON属性里
            marker = new google.maps.Marker({
                position: new google.maps.LatLng(39.92, 116.46),
                map: map,
                title: m1
            });
            markersArray.push(marker);
        }
    </script>

C# 后端实现

webBrowser1.Document.InvokeScript("shishi1", p);

p 为parmer[] 对象

向您推荐>>Eolink开发者社区

权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区

更多推荐

深入理解 Mocha 测试框架：从零实现一个 Mocha

前言什么是自动化测试自动化测试在很多团队中都是Devops环节中很难执行起来的一个环节，主要原因在于测试代码的编写工作很难抽象，99%的场景都需要和业务强绑定，而且写测试代码的编写工作量往往比编写实际业务代码的工作量更多。在一些很多业务场景中投入产出比很低，适合写自动化测试的应该是那些中长期业务以及一些诸如组件一样的基础库。自动化测试是个比较大的概念，其中分类也比较多，比如单元测试，端对端测试，集

云原生

ELK实现containerd的容器日志采集展示【基于logging的全栈监测】

企业级ELK Stack构建介绍

云原生

(20200916 Solved)docker-compose up创建容器自动退出

问题描述如题，创建容器后自动退出了。并且docker start container无效解决方案原因是缺失了控制终端的配置，需要在docker-compose.yml中增加tty:true ，有时候这样也不行，需要再增加一个command:/bin/bash，命令不一定是这个，需要是一个不会退出的命令，然后用-d后台启动容器。Referencesdocker-compose启动容器后自动退出...