Example of Cesium JS application to display the movement of the iss satellite

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.
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.



reference : cesium.com , spaceaware.io

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 stock
2)   JANTX1N4534     TI                      1000pcs stock
3)   JAN1N645            Siemens/GI    6000pcs stock 
4)   JAN2N2907A       Raytheon       3000pcs stock
5)   JAN2N2222          Raytheon       1650pcs stock
6)   JAN2N329A          Raytheon       1000pcs stock
7)   JANTX1N750A-1  CZL                  1000pcs stock
8)   JAN1N976B           CCZL                2000pcs stock
9)   M39006/16-2075  Sprague        100pcs stock
10) M39006/09-8340  Mallory         231pcs stock
11) M39003/01-7184  Sprague        700pcs stock
12) M39003/01-2498  Sprague       1000pcs stock
13) DSSV-301L-YD        Mitsubishi  5000pcs stock
14) DSPIC33FJ12GP202-I/ML Microchip 900pcs stock
15) RCR07G104JS        AB                   2000pcs stock
16) 10-927-2-03          Concord         6000pcs stock
17) M39014/21-0089(HS#)   CGW  1000pcs stock 
18) CMR04C100D0DL CDE/SANGAMO 2800pcs stock
19) 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