Permalink
Cannot retrieve contributors at this time
64 lines (54 sloc)
2.23 KB
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Realtime Tracking</title> | |
| <style>html,body{height:100%;}body{padding:0;margin:0;}h1{padding:0;margin:0;font-size:50%;}</style> | |
| </head> | |
| <body> | |
| <!-- MAP[START] --> | |
| <h1>Realtime Tracking</h1> | |
| <div id="myMap" style='width:60%;height:70%;float:left;'></div> | |
| <button id="start_tracking">Start Tracking</button> | |
| <button id="stop_tracking">Stop Tracking</button> | |
| <button id="clear_map">Map Clear</button> | |
| <!-- MAP[END] --> | |
| <script src='https://www.bing.com/api/maps/mapcontrol?callback=GetMap&key=[ *** YOUR MY KEY *** ]' async defer></script> | |
| <script src="../js/BmapQuery.js"></script> | |
| <script> | |
| //**************************************************************************************** | |
| // BingMaps&BmapQuery | |
| //**************************************************************************************** | |
| //Init | |
| function GetMap(){ | |
| //------------------------------------------------------------------------ | |
| //1. Instance | |
| //------------------------------------------------------------------------ | |
| const map = new Bmap("#myMap"); | |
| //------------------------------------------------------------------------ | |
| //2. Display Map | |
| // startMap(lat, lon, "MapType", Zoom[1~20]); | |
| // MapType:[load, aerial,canvasDark,canvasLight,birdseye,grayscale,streetside] | |
| //------------------------------------------------------------------------ | |
| map.startMap(47.6149, -122.1941, "load", 17); | |
| //------------------------------------------------------------------------ | |
| //3. Tracking Event( WatchPosition Log) | |
| //------------------------------------------------------------------------ | |
| //Start | |
| document.getElementById("start_tracking").onclick=function(){ | |
| map.startTracking(true); //console.log => true or false | |
| } | |
| //Stop | |
| document.getElementById("stop_tracking").onclick=function(){ | |
| map.stopTracking(); //Map: Tracking Log Stop. | |
| console.log(map.getTrackingData()); //Log: Get Tracking Log All Data. | |
| } | |
| //Clear Map. | |
| document.getElementById("clear_map").onclick=function(){ | |
| map.clearMap(); //Map: Clear Map. | |
| map.clearTrackingData(); //Log: Clear Tracking Log All Data. | |
| } | |
| } | |
| </script> | |
| </body> | |
| </html> |