KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #typescript #ai-agent #developer-tools #claude-code #codex #deepseek-harness #ai-agents #react #mcp #rust

MapboxNet

★ 92 Open GitHub ↗

A comprehensive Mapbox map control for WPF and WinForms

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# MapboxNet

## A comprehensive Mapbox map control for WPF and WinForms

![](https://raw.githubusercontent.com/AliFlux/MapboxNet/master/images/3d.png)

Complete vector map client based on Mapbox GL JS built using C#

## Features

The map view has almost all the features of Mapbox GL JS, such as:

- Support for mapbox default styles (streets, dark, satellite, etc...), any style hosted using Mapbox Studio, or a custom style defined in your C#/JSON code ([demo](DemosWPF/StyleSwitchWindow.xaml.cs))
- Support for GeoJSON polygons, lines, markers, images, videos, etc... ([GeoJSON demo](DemosWPF/GeoJsonWindow.xaml.cs))
- Data binding support for WPF using dependency properties ([MVVM demo](DemosWPF/DataBindingWindow.xaml))
- Can work completely offline without access token ([vector map demo](DemosWPF/LocalVectorWindow.xaml) and [raster/satellite map demo](DemosWPF/LocalRasterWindow.xaml.cs))
- Comes built-in with a map server that can serve mbtiles, png/pbf/jpg tiles, and fonts.
- Can be used with any custom tile source ([Bing tiles demo](DemosWPF/BingStyleWindow.xaml.cs))
- Upto date support for [Mapbox style specification](https://www.mapbox.com/mapbox-gl-js/style-spec/)
- Compatable with [Mapbox/Openmaptiles vector tile specification](https://www.mapbox.com/vector-tiles/specification/)
- Conversion between lat/lon and pixels, for overlaying WPF elements on map ([projection demo](DemosWPF/XamlProjectionWindow.xaml.cs))
- Both WPF and WinForms are supported
- MIT License

![](https://raw.githubusercontent.com/AliFlux/MapboxNet/master/images/oslo.png)

## What is a vector map?

Vector maps are the new generation of maps. Traditional map controls download maps from the internet in form of square image tiles, Vector maps download them in form of vector drawings (like SVG). They are then rendered on the client in realtime according to a style specification.

Vector maps are fast, fluent, scalable, highly customizable, and suitable for offline storage as well.

## Examples

### Hello World

```xml
<Window x:Class="DemosWPF.HelloWorldWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:mapbox="clr-namespace:MapboxNetWPF;assembly=MapboxNetWPF"
        mc:Ignorable="d"
        Title="Hello World" Height="600" Width="800" WindowState="Maximized">
    <Grid>

<mapbox:Map Name="Map" Center="40.729917, -73.990428" Zoom="12"></mapbox:Map>

</Grid>
</Window>
```

**Note:** Don't forget to write your [access token](http://mapbox.com) in the code. Without it, some online demos won't work.

```C#
Map.AccessToken = accessToken;
```

### Using Offline Raster/Satellite Tiles

MapboxNet comes with a built-in server for serving both vector and raster tiles

```C#

// firstly, we create a server using the mbtiles
var server = new MapboxNetCore.MapServer(@"tiles\zurich-raster.mbtiles");
server.GlyphsPath = @"fonts\";
server.Start();

// Creating a custom style that takes our MapServer tiles as a raster source
// Converted from the javascript equivalent using https://jsfiddle.net/aliashrafx/c7pxomjb/39/

var style = new Dictionary<string, object>
{
    ["version"] = 8,
    ["name"] = "Custom style",
    ["sources"] = new Dictionary<string, object>
    {
        ["satellite"] = new Dictionary<string, object>
        {
            ["type"] = "raster",
            ["tileSize"] = 256,
            ["tiles"] = new object[] {
                server.TilesURL, // using tile URL here
            },
        },
    },
    ["layers"] = new object[] {
        new Dictionary<string, object> {
            ["id"] = "satellite",
            ["type"] = "raster",
            ["source"] = "satellite",
            ["minzoom"] = 0,
            ["maxzoom"] = 22,
            ["layout"] = new Dictionary<string, object> {
            },
            ["paint"] = new Dictionary<string, object> {
            },
        },
    },
    ["glyphs"] = server.GlyphsURL,
    ["id"] = "14004506-1129-4d81-9889-800854993041",
};

// You can create a hybrid satellite view as well by using a style that takes both Vector Tiles as Raster Tiles

Map.MapStyle = style;
```

**Note:** You can convert your JSON into C# nested code using [this script](https://jsfiddle.net/aliashrafx/c7pxomjb/39/)

![](https://raw.githubusercontent.com/AliFlux/MapboxNet/master/images/local-raster.png)

### Using offline vector tiles

You can run MapboxNet completely offline using tile stored in your file system. The demo comes with a `aliflux-style.json` style that can be customized with MapServer URLs.

```C#
// Starting the MapServer on a random port, that serves the vector tiles stored in .mbtiles format

var server = new MapboxNetCore.MapServer(@"tiles\zurich.mbtiles");
server.GlyphsPath = @"fonts\";
server.Start();

// pulling the style json stored as an embedded resource in this project, and decoding it into C# dynamic object

var json = MapboxNetCore.Core.GetEmbeddedResource(this.GetType(), "DemosWPF.aliflux-style.json");
dynamic style = MapboxNetCore.Core.DecodeJsonPlain(json);

// modifying the style a bit so that it uses our tile server as a source

style.sources.openmaptiles.tiles.Add(server.TilesURL);
style.glyphs = server.GlyphsURL;

Map.MapStyle = style;
```

**Note:** Be careful in mixing and matching tiles and styles. The version/vendor incompatability may make things disappear.

![](https://raw.githubusercontent.com/AliFlux/MapboxNet/master/images/local-vector.png)

## FAQ

#### Can I use the map with offline raster/vector tiles?
[Yes you can.](DemosWPF/LocalVectorWindow.xaml) MapboxNet comes with a built-in tile server for this purpose.

#### Can I use Google/Bing/Openstreetmaps/etc tiles?
[Yes you can.](DemosWPF/BingStyleWindow.xaml) You can create your own style that uses your custom tile URL.

#### Can I view indoor/outdoor structures in 3D?
[Yes you can.](DemosWPF/3DBuildingsWindow.xaml) This is possible using fill-extrusion layers.

#### Can I draw line/polygon/image/marker/etc on the map?
[Yes you can.](DemosWPF/GeoJsonWindow.xaml) This can be done via GeoJSON layers and styles.

#### How do I specify JSON/GeoJSON in C#?
Please refer to [this demo](DemosWPF/GeoJsonWindow.xaml) to see how GeoJSON looks like in C#. The code is generated using a [JSON to nested C# converter](https://jsfiddle.net/aliashrafx/c7pxomjb/39/). You can also read JSON as a string and parse it in runtime using `MapboxNetCore.Core.DecodeJsonPlain` function ([demo](DemosWPF/LocalVectorWindow.xaml)).

#### Can I remove the Mapbox logo?
Can be done via `RemoveAttribution` property, but I won't recommend doing it. If you're using a custom style of your own, the logo won't be visible by default.

#### What's under the hood?
I'm using CefSharp to emulate Google V8 VM that executes Mapbox GL JS and renders it inside the WPF/WinForms window.

#### Why is WPF performance a bit slower than WinForms?
CefSharp WPF architecture is built in such a way that each frame is rendered in an external process and copied as a bitmap to the WPF container. [There is a thread](https://github.com/cefsharp/CefSharp/issues/2108) that aims to improve this issue using DirectX rendering, so stay tuned.

If you can't wait, you may use MapboxNet WinForms component in WPF using [WindowsFormsHost control](https://www.wpf-tutorial.com/misc-controls/the-windowsformshost-control/).

![](https://raw.githubusercontent.com/AliFlux/MapboxNet/master/images/dark.png)

## Contribution

The project is probably the only pure vector map client in C#/.Net. Therefore, it actively needs some good contribution support. Bug reports, suggestions and pull requests are all welcome. Please submit them to the [GitHub issue tracker](https://github.com/AliFlux/MapboxNet/issues).

## Stay In Touch

For latest releases and announcements, check out my site: [aliashraf.net](http://aliashraf.net)

## License

This software is released under the [MIT License](LICENSE). Please read LICENSE for information on the
software availability and distribution.

MapboxNet

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README