Stock Market Real time dashboard in Google sheet

Image
Here’s the step-by-step process for creating a Google Sheets dashboard for real-time stock market data in a point-by-point format: --- Step 1: Setup the Google Sheet 1. Open a new Google Sheet. 2. Rename the sheet to something like "Stock Dashboard." --- Step 2: Enable Real-Time Data with GOOGLEFINANCE 1. Use the GOOGLEFINANCE function to fetch stock data. 2. Example formulas: Current Price: =GOOGLEFINANCE("TICKER_SYMBOL", "price") Opening Price: =GOOGLEFINANCE("TICKER_SYMBOL", "open") 52-Week High: =GOOGLEFINANCE("TICKER_SYMBOL", "high52") 52-Week Low: =GOOGLEFINANCE("TICKER_SYMBOL", "low52") Market Cap: =GOOGLEFINANCE("TICKER_SYMBOL", "marketcap") --- Step 3: Create Columns for Data 1. Add headers in Row 1: Stock Symbol Current Price Open Price 52W High 52W Low Market Cap 2. Enter stock symbols (e.g., "GOOG", "AAPL") in Column A. 3. Use the GOO

Show your Current Location in Google Maps using ASP.NET C# website and Google Maps API





















Descriptions:

  • Add this script tag inside <Head> section "
  • <script type="text/javascript"
  • src="https://maps.googleapis.com/maps/api/js?key=AIzaSyByJmQq7PkPaznZUFsH7AesFNUz82U8iOc&sensor=false">
  • </script>"
  • Inside this Script add your own Key value  [
  • key=AIzaSyByJmQq7PkPaznZUFsH7AesFNUz82U8iOc]  from Google Code https://code.google.com/apis/console/
  • 1. Getting User Location function in Javascript coding
       function success(position) {
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;
        var city = position.coords.locality;
        var myLatlng = new google.maps.LatLng(latitude, longitude);
        var myOptions = {
            center: myLatlng,
            zoom: 12,
            mapTypeId: google.maps.MapTypeId.SATELLITE
        };
       
       2. Setting Marker in Google Maps

      var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        var marker = new google.maps.Marker({
            position: myLatlng,
            title: "lat: " + latitude + " long: " + longitude
        });
        marker.setMap(map);
        var infowindow = new google.maps.InfoWindow({ content: "<b>User Address</b><br/> Latitude:" + latitude + "<br /> Longitude:" + longitude + "" });
        infowindow.open(map, marker);

      3. Geolocation to get Location , and calling the Javascript function

    
if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(success);
    } else {
        alert("Geo Location is not supported on your current browser!");
    }

   4. Load Google Maps inside map_canvas Div ID in Body Section of ASPX page
  

<div id="map_canvas" style="width: 800px; height: 400px">
</div>



Default.aspx Page

Comments

Post a Comment

Share this to your friends

Popular posts from this blog

"How to maintain or retain tabs in same tab after button click events or postback?" using JQuery in ASP.NET C#

Login and Registration forms in C# windows application with Back end Microsoft SQL Server for data access

JSP and Servlet Form Submission without page refresh show results on the same page using Jquery AJAX