Start: Get BingMaps key

Get BingMaps key

step1: HTML(style)

Display position and size of MAP.

step2: JavaScript

...?Callback=GetMap" is specified in the URL. GetMap runs first. and Set [Your BingMap Key].

step3: MapAPI

GetMap starts processing. Set properties center, mapTypeId, zoom.

//Initialization processing
let map;
function GetMap() {
    map = new Microsoft.Maps.Map('#myMap', {
        center: new Microsoft.Maps.Location(47.6149, -122.1941), //Location center position
        mapTypeId: Microsoft.Maps.MapTypeId.load, //aerial,canvasDark,canvasLight,birdseye,grayscale,streetside
        zoom: 8  //Zoom:1=zoomOut ~ 20=zoomUp
    });
}

OK. Move to "Basic sample".

BingMaps GO!

We are arranging templates and preparing simple templates. Let's use BingMaps to develop and research applications using Map.

[ Introduced at Microsoft "Bing Blog". ]
[ BingMaps Documents ]

We will also support Azure Maps (currently two)

MapAPI Easy library

Basic

Basic sample

Basic Color Style

Select MapType

Change display from event

Map Area Infomation

Maps：Event All check

Pushpin

Pushpin：Basic sample

Pushpin display：Title/subTitle/text

Pushpin：Icon | Image | Display as picture

Pushpin：Icon | Image Size

Pushpin：Events

Pushpin:Events2

Pushpin:Add Metadata

Show all "Pushpins" in the area

Infobox

Infobox : basic sample

Infobox : infoboxs

Infobox : showPointer/actions

Infobox:htmlContent

Infobox:Pushpin/event

Infobox:Multipul

Show all "Infoboxes" in the area

Geocode

Geocode:Click

Geocode:Search

Geocode:Search Results

Reverse Geocode:Basic

Reverse Geocode:Click

Direction

AutoSuggest

Directions Input Panel

Calculate Driving Directions1

Calculate Driving Directions2(Waypoint)

Multipurpose

Display Drawing Toolbar on Map

Custom overlay on Map

Solar Terminator

Data Layer Events

Animated Weather Radar Map

We will continue adding samples.

BingMaps has a lot of functions and does not require credit registration. I think that it is suitable for students, researchers, startups. If you have a good sample code, please let me know. Come and publish it!