How To Add Local Weather Web Part To SharePoint

Are you looking to add a local weather web part to your SharePoint site? Follow this step-by-step tutorial to enhance your site with real-time weather updates.

To add a local weather web part to SharePoint, you can use the Embed web part to add an external weather widget and the Bing map web part to display a map. Currently, the weather web part in SharePoint Online does not support custom map point view pointers or weather forecasts.

You can also use JSON formatting to customize the appearance of the weather web part, such as displaying the temperature in Celsius or Fahrenheit. Unfortunately, the date format in the weather web part is not customizable.

Follow the sections below to learn how to add a local weather web part to your SharePoint site:

Section 1: Adding an External Weather Widget with the Embed Web Part

This section will guide you through the process of adding an external weather widget to your SharePoint site using the Embed web part. Display real-time weather information from a trusted source on your site.

Section 2: Displaying a Map with the Bing Map Web Part

In this section, you will learn how to integrate a map on your SharePoint site using the Bing Map web part. Visualize the weather conditions in your local area more effectively.

Section 3: Customizing the Weather Web Part with JSON Formatting

Discover the customization options available for the weather web part in SharePoint. Learn how to use JSON formatting to tailor the appearance of the web part, including displaying the temperature in your preferred unit (Celsius or Fahrenheit).

By following this tutorial, you will be able to add a local weather web part to your SharePoint site and provide your users with real-time weather updates. Enhance your site’s functionality and engage your audience with this valuable feature.

Adding an External Weather Widget with the Embed Web Part

Start by adding an external weather widget to your SharePoint site using the Embed web part. This allows you to display real-time weather information from a trusted source on your site. Follow the steps below to add the widget:

  1. Go to the SharePoint page where you want to add the weather widget.
  2. Edit the page by clicking on the “Edit” button in the top right corner.
  3. Click on the “+” button to add a new web part.
  4. Search for “Embed” in the web part gallery and select the “Embed” web part.
  5. Click on the “Embed” web part to configure it.
  6. In the properties pane, enter the code for the external weather widget. This code is usually provided by the weather widget provider.
  7. Adjust the size and position of the web part as needed.
  8. Click on the “Save” button to save your changes.
  9. Publish the page to make the weather widget visible to your site visitors.

By adding an external weather widget with the Embed web part, you can provide valuable weather information to your users, keeping them informed about current conditions and forecasts.

Example Embed Code:

<iframe src=”https://www.example-weather-widget.com” width=”300″ height=”250″ frameborder=”0″></iframe>

Advantages Disadvantages
The widget is visually appealing and enhances the overall user experience. The weather information displayed is reliant on the external provider, so any service disruptions or inaccuracies will be beyond your control.
Users can easily access real-time weather updates without leaving your SharePoint site. There may be limitations on customization options, depending on the capabilities of the weather widget provider.
The external weather widget can be easily added or removed from your SharePoint site as needed. This method requires the use of an external code snippet, which may need to be updated or maintained over time.

Displaying a Map with the Bing Map Web Part

Enhance the user experience on your SharePoint site by displaying a map using the Bing Map web part. This feature allows you to integrate a map directly into your site, providing users with a visual representation of locations and weather conditions.

Adding a map to your SharePoint site is straightforward. Simply follow these steps:

  1. Go to the SharePoint page where you want to display the map.
  2. Edit the page by clicking on the “Edit” button.
  3. Click on the “+” sign to add a new web part.
  4. Search for “Bing Map” in the web part options and select it.
  5. Configure the Bing Map web part by entering the desired address or location.
  6. Customize the map by adjusting zoom levels, map type, and other settings.
  7. Save your changes and exit the editing mode.

Once you have added the Bing Map web part, you can provide valuable information to your users, such as weather conditions in specific areas or displaying multiple locations on a single map. This functionality can be particularly useful for websites that rely on location-based services or have a need to showcase geographic information.

Map Configuration Example

Here is an example of how you can configure the Bing Map web part:

Setting Value
Address 123 Main Street, City, State
Zoom Level 10
Map Type Roadmap

By entering the address, adjusting the zoom level, and selecting the map type, you can create a customized map that meets your specific needs. Utilizing the Bing Map web part provides a seamless way to incorporate maps into your SharePoint site, enhancing both the functionality and user experience.

Customizing the Weather Web Part with JSON Formatting

Take your weather web part customization to the next level by utilizing JSON formatting techniques in SharePoint. With JSON, you can easily modify the appearance of the weather web part to suit your specific needs.

One of the key customizations you can make is displaying the temperature in Celsius or Fahrenheit. This allows you to cater to the preferences of your users and provide them with the weather information they are most comfortable with.

Additionally, JSON formatting enables you to tweak other aspects of the weather web part, such as the font style, color scheme, and layout. By fine-tuning these details, you can ensure that the web part seamlessly integrates with the overall design of your SharePoint site.

It’s important to note, however, that while JSON formatting offers a wide range of customization options, it does have its limitations. Unfortunately, the date format in the weather web part is not customizable at this time. Additionally, the weather web part in SharePoint Online does not support custom map point view pointers or weather forecasts.

Meet the Author

Abdul Rahim has been working in Information Technology for over two decades. Learn how Abdul got his start as a Tech Blogger , and why he decided to start this Software blog. If you want to send Abdul a quick message, then visit his contact page here.