Here is the JavaScript code:
<!DOCTYPE html>
<html lang="en">
<head>
  ; <script src="https://cesium.com/downloads/cesiumjs/releases/1.81/Build/Cesium/Cesium.js"></script>
<link href="https://cesium.com/downloads/cesiumjs/releases/1.81/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/satellite.js/4.0.0/satellite.js"></script>
<link href="style.css" rel="stylesheet">
</head> ;
<body>
<div id="loading">
<h1>Loading...</h1>
</div>
<div id="cesiumContainer"></div>
<script>
// Initialize the Cesium viewer.
const viewer = new Cesium.Viewer('cesiumContainer', {
imageryProvider: new Cesium.TileMapServiceImageryProvider({
url: Cesium.buildModuleUrl(" Assets/Textures/NaturalEarthII"),
}),
baseLayerPicker: false, geocoder: false, homeButton: false, infoBox: false,
navigationHelpButton: false, sceneModePicker: false
});
// This causes a bug on android, see: https://github.com/CesiumGS/cesium/issues/7871
// viewer. scene. globe. enableLighting = true;
// These 2 lines are published by NORAD and allow us to predict where
// the ISS is at any given moment. They are updated regularly.
// Get the latest from: https://celestrak.com/satcat/tle.php?CATNR=25544.
const ISS_TLE =
`1 25544U 98067A 21121.52590485 .00001448 00000-0 34473-4 0 9997
2 25544 51.6435 213.5204 0002719 305.2287 173.7124 15.48967392281368`;
const satrec = satellite. twoline2satrec(
ISS_TLE.split('\n' )[0].trim(),
ISS_TLE.split( '\n')[1].trim()
);
// Give SatelliteJS the TLE's and a specific time.
// Get back a long it
More about this source textSource text required for additional translation information
Send feedback
Side panels
History
Saved
Contribute
5,000 character limit. Use the arrows to translate more.
Cesium JS
Cesium JS is an open source JavaScript application used to display 2D and 3D Geospatial models from an application.
reference : cesium.com , spaceaware.io
CesiumJS is an open source JavaScript library to display World class 3D Globes and maps with the best performance, precision, visual quality and ease of use. Developers across industries, from aerospace to smart cities to drones, use CesiumJS to create interactive web applications for sharing dynamic geospatial data.
This is what it looks like below, at embed from spaceaware.io , a web that displays an interactive web application for the movement of satellites around the earth.
To see the movement of the satellite you can point Curson to the bottom left, to the white point, and set the time frame movement as desired, and you can display the status of the satellite in the image by clicking on the satellite points and displaying the satellite's trajectory. Meanwhile, to display 2D or 3D images, it can be arranged on the top left menu, by clicking on it and adjusting the appearance.
Free Live Map Javascript for your Marine Traffic
Live map of marine traffic for the status of your company's ships, which can be applied to your website. With the Javascript code below, you can install marine traffic maps on your own website. It's easy to do this by inserting the following line of code into the HTML of your web page, at the point where the map will be displayed: or if you want to configure the map dimensions, center area, zoom level and even the positions of your company's ships that you want to observe, use the following code and adjust the default value
the following is the script code:
<script type="text/javascript" src="http://www.marinetraffic.com/js/embed.js"></script>
<script type="text/javascript">
width='100%'; // the width of the embedded map in pixels or percentage
heights='450'; // the height of the embedded map in pixels or percentage
border='1'; // the width of the border around the map (zero means no border)
shownames='false'; // to display ship names on the map (true or false)
latitude='37.4460'; // the latitude of the center of the map, in decimal degrees
longitude='24.9467'; // the longitude of the center of the map, in decimal degrees
zoom='9'; // the zoom level of the map (values between 2 and 17)
maptype='1'; // use 0 for Normal Map, 1 for Satellite
trackvessel='0'; // MMSI of a vessel (note: vessel will be displayed only if within range of the system) - overrides "zoom" option
fleet=''; // the registered email address of a user-defined fleet (user's default fleet is used) - overrides "zoom" option
</script>
You can set the width and height of the map/map, as well as add ship names by changing the shownames status to true, and setting the map/map display according to your long lat area. And you can also display a normal map view or a satellite map by changing the maptype value
In the program below latitude and longitude, I changed it to the latitude and longitude of the Indonesian region.
latitude='6.1750';
longitude='106.8283';
Google Chart Tools
Google Chart Tools help display live data on your site. You may check out the rich gallery of interactive charts and data tools provided by google charts.
Using Google charts, you can create ready-to-use charts that you embed in your website. You usually load some google chart libraries, provide the data to be graphed, select options to customize your chart, and finally add the javascript for your chart.
Example Google Chart using Pie Chart :
<html>
<head>
<!--Load the AJAX API-->
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
// Load the Visualization API and the corechart package.
google.charts.load('current', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.charts.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
['Mushrooms', 3],
['Onions', 1],
['Olives', 1],
['Zucchini', 1],
['Pepperoni', 2]
]);
// Set chart options
var options = {'title':'How Much Pizza I Ate Last Night',
'width':400,
'height':300};
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<!--Div that will hold the pie chart-->
<div id="chart_div"></div>
</body>
</html>
Google Chart Galleries
To help you visualize your data, Google provides a number of charts gallery to help visualize your data needs. Our Google Chart provides a variety of charts to help you visualize your data. You can use our charts to see how your data is distributed, how your data changes over time, or how your data compares to others.
Type of Google Charts :
Geo Chart, Scatter Chart, Column Chart, Histogram, Bar Chart
Combo Chart, Area Chart, Stepped Area Chart, Line Chart
Pie Chart, Bubble Chart, Donut Chart, Org Chart, Treemap
Table, Timeline, Gauge, Candlestick Chart
Geo Chart :
A geochart is rendered within browser using SVG or VML. It is not scrollable or dragable , a geochart identified with one of three ways :
The region mode colors whole regions, such as countries, provinces, or states.
The markers mode uses circles to designate regions that are scaled according to a value that you specify.
The text mode labels the regions with identifiers (e.g., "America" or "Europe").
Region Charts
Fills the entire regions countries with colors
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {
'packages':['geochart'],
});
google.charts.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['Country', 'Popularity'],
['Indonesia', 500],
['Vanuatu',200],
['Australia',500],
['Saudi Arabia',600],
['China', 700],
['Brazil', 300],
['Canada', 500],
['France', 600],
['United States', 700]
]);
var options = {};
var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="regions_div" style="width: 600px; height: 500px;"></div>
</body>
</html>
In-Stock & For Sale - Electronic Component Spare Parts - 03/20/22 - 26,510 Line Items - Updated Inventory Listings
Electronic Components for sale as of 03/20/22 / Updated Inventory Listing - 26,510 Line Items
Experienced supplier of electronics component spare parts for over 40 years
Passive components: capacitors, connectors, filters, fuses, inductors, resistors, relays, etc.
Active components: converters, diodes, ICs, memories, microcontrollers, microprocessors, transistors, etc
We have more than 26,000 items in stock. Call Text Email for your copy of our inventory listings
Commerical - Industrial - Military - Aviation - Aerospace - SMD type parts
File # 1 Electronic Components In-Stock Inventory
File # 2 Military Glass & Tantalum Capacitors Consignment Inventory
SAMPLES OF WHAT IS IN OUR STOCK
1) JAN1N4454 FSC 1200pcs stock2) JANTX1N4534 TI 1000pcs stock3) JAN1N645 Siemens/GI 6000pcs stock 4) JAN2N2907A Raytheon 3000pcs stock5) JAN2N2222 Raytheon 1650pcs stock6) JAN2N329A Raytheon 1000pcs stock7) JANTX1N750A-1 CZL 1000pcs stock8) JAN1N976B CCZL 2000pcs stock9) M39006/16-2075 Sprague 100pcs stock10) M39006/09-8340 Mallory 231pcs stock11) M39003/01-7184 Sprague 700pcs stock12) M39003/01-2498 Sprague 1000pcs stock13) DSSV-301L-YD Mitsubishi 5000pcs stock14) DSPIC33FJ12GP202-I/ML Microchip 900pcs stock15) RCR07G104JS AB 2000pcs stock16) 10-927-2-03 Concord 6000pcs stock17) M39014/21-0089(HS#) CGW 1000pcs stock 18) CMR04C100D0DL CDE/SANGAMO 2800pcs stock19) CY10C750J CGW 1000pcs 1wk
Let us know what you need to pay Parts are subject to prior sale / Target prices are welcomed Call or text or email your requirements