http://flows.nodered.org/flow/1aab1d44e387da96b3fe and http://flows.nodered.org/flow/edca3ef3e88a00e7e082
-
-
Save zetxx/52ed7bb0d7b349472dee to your computer and use it in GitHub Desktop.
gmaps experiment + earthquake experiment
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
[{"id":"54651cc0.ab9ae4","type":"websocket-listener","path":"/ws/location","wholemsg":"false"},{"id":"8f5e4376.70a1c","type":"http request","name":"","method":"GET","url":"http://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/2.5_day.csv","x":133,"y":138.00003051757812,"z":"2b17111e.d4e8ee","wires":[["acf090cf.530f7"]]},{"id":"755e9773.8aa168","type":"inject","name":"","topic":"","payload":"","payloadType":"date","repeat":"10","crontab":"","once":false,"x":131,"y":215.00003051757812,"z":"2b17111e.d4e8ee","wires":[["8f5e4376.70a1c"]]},{"id":"b297f439.4d6808","type":"debug","name":"","active":true,"console":"false","complete":"false","x":633,"y":109,"z":"2b17111e.d4e8ee","wires":[]},{"id":"acf090cf.530f7","type":"function","name":"","func":"var _csv = msg\n .payload\n .replace('latitude','lat').replace('longitude','lng')\n .split(\"\\n\");\nvar _columns = _csv[0].split(',');\nvar _l1 = _csv.length-1;\nvar _l2 = _columns.length;\nvar _payload = [];\n\nfor(var i1 = 1; i1<_l1;i1++){\n var _o = {};\n var _match = _csv[i1].match(/(\\\"[^\\\"]+\\\")/ig)[0];\n if(_match)\n _csv[i1] = _csv[i1].replace(/(\\\"[^\\\"]+\\\")/ig,_match.replace(',','‚'));\n\n var __csv = _csv[i1].split(',');\n\n for(var i2 = 1; i2<_l2;i2++){\n _o[_columns[i2]] = __csv[i2];\n }\n _payload.push(_o);\n}\nmsg.payload = _payload;\nreturn msg;","outputs":1,"x":283,"y":374.0000305175781,"z":"2b17111e.d4e8ee","wires":[["b297f439.4d6808","9c1355d3.63eca8"]]},{"id":"48bb5eab.b744a","type":"websocket out","name":"","server":"54651cc0.ab9ae4","x":685,"y":403.0000305175781,"z":"2b17111e.d4e8ee","wires":[]},{"id":"9c1355d3.63eca8","type":"function","name":"","func":"// The received message is stored in 'msg'\n// It will have at least a 'payload' property:\n// console.log(msg.payload);\n// The 'context' object is available to store state\n// between invocations of the function\n// context = {};\ncontext.global.location = msg.payload;\n\nreturn msg;","outputs":1,"x":446,"y":377.0000305175781,"z":"2b17111e.d4e8ee","wires":[["48bb5eab.b744a"]]},{"id":"7c7a18f2.8385e8","type":"websocket in","name":"","server":"54651cc0.ab9ae4","x":275,"y":437.0000305175781,"z":"2b17111e.d4e8ee","wires":[["2bbe8bac.d44174"]]},{"id":"2bbe8bac.d44174","type":"function","name":"","func":"// The received message is stored in 'msg'\n// It will have at least a 'payload' property:\n// console.log(msg.payload);\n// The 'context' object is available to store state\n// between invocations of the function\n// context = {};\n\nmsg.payload = context.global.location;\nreturn msg;","outputs":1,"x":448,"y":443.0000305175781,"z":"2b17111e.d4e8ee","wires":[["48bb5eab.b744a"]]},{"id":"67b3179e.984ce8","type":"template","name":"","field":"","template":"<!DOCTYPE html>\n<html>\n<head>\n <title>Owntracks & Node-Red Live Map</title>\n <script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js\"></script>\n <script type=\"text/javascript\" src=\"http://maps.google.com/maps/api/js?sensor=true\"></script>\n <script type=\"text/javascript\" src=\"http://yourjavascript.com/4594301102/gmaps.js\"></script>\n \n <style type=\"text/css\" media=\"screen\">\n #map {\n position:absolute;\n top: 0; bottom: 0; left: 0; right: 0;\n }\n </style>\n</head>\n<body>\n \n <div id=\"map\"></div>\n <script type=\"text/javascript\">\n var socketaddy = \"ws://\"+window.location.host+\"/ws/location\";\n var map;\n var sock;\n $(document).ready(function(){\n \n map = new GMaps({\n div: '#map',\n lat: -12.043333,\n lng: -77.028333\n });\n \n \n sock = new WebSocket(socketaddy);\n sock.onopen = function(){ console.log(\"Connected websocket\");\n console.log(\"Sending ping..\");\n sock.send(\"Ping!\");\n console.log(\"Ping sent..\");\n };\n sock.onerror = function(){ console.log(\"Websocket error\"); };\n sock.onmessage = function(evt){\n var latlng = JSON.parse(evt.data);\n var lastQ = latlng.length-1;\n var array = $.map(latlng, function(el) {\n return [[el.lat, el.lng]];\n });\n \n map.removeMarkers();\n map.removePolylines();\n // console.log(\"Got marker at \" + latlng[0].lat + \", \" + latlng[0].lng, latlng);\n map.setZoom(4);\n map.setCenter(latlng[lastQ].lat, latlng[lastQ].lng);\n var markers = [];\n // map.addMarkers(latlng);\n jQuery.each(latlng,function(k,v){\n var position = new google.maps.LatLng(v.lat,v.lng);\n var _marker = new google.maps.Marker({\n position: position,\n icon: 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld='+((k+1).toString())+'|FF0000|000000',\n title:'mag:'+v.mag+v.magType+';depth:'+v.depth+';updated:'+v.updated\n });\n\n markers.push(_marker);\n });\n map.addMarkers(markers);\n map.drawPolyline({\n path: array,\n strokeColor: '#131540',\n strokeOpacity: 0.6,\n strokeWeight: 2\n });\n }\n });\n </script>\n</body>\n</html>","x":477,"y":515.0000305175781,"z":"2b17111e.d4e8ee","wires":[["fc05de98.03fa2"]]},{"id":"fc05de98.03fa2","type":"http response","name":"","x":662,"y":514.0000305175781,"z":"2b17111e.d4e8ee","wires":[]},{"id":"fdced9aa.023128","type":"http in","name":"","url":"/map","method":"get","x":257,"y":519.0000305175781,"z":"2b17111e.d4e8ee","wires":[["67b3179e.984ce8"]]}] |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment