[FREE] BingMap extension

[Kevinkun]

BingMap extension, for those who can not access google map service (like me), or those want to try other options.

GET A KEY

See HERE for how to get a KEY.

PROPERTIES

Property names are self-explained.

FUNCTIONS

Show Bing map in a layout(arrangement)

Set center or zoom of the map,

which will fire MapViewChanged event.

property	type	meaning
center	List	center of map, [lat, lng]
bounds	List	[north,west, south,east]
zoom	Number	zoom level, 1-19

Pushpin

property	type	meaning
id	String	unique id for this pushpin
location	List	coordinate to show the pushpin, [lat,lng]
point	List	location in pixel, [x,y]
options	Dictionary	custom property, can be any of below
--title	String	main text
--subTitle	String	sub text
--text	String	text showing on the pin
--color	String	color of the pin, like red, or #00ff0000
--draggable	Boolean	if the pin draggable, default to false
--icon	String	can be like pin1.png, or base64 string

Polyline

property	type	meaning
options	Dictionary	custom property for polylin
--strokeColor	String	color like red, or #00ffff00
--strokeThickness	Number	thickness of the line
--strokeDashArray	List	A List representing the stroke/gap sequence to use to draw the polyline. For example, [1, 4, 2, 1] would draw the polyline with a dash, four spaces, two dashes, one space, and then repeated.

Polygon

property	type	meaning
locations	List	list of location
options	Dictionary	to customilize the polygon
--fillColor	String	as explained above
--strokeColor	String	as explained above
--strokeThickness	Number	as explained above
-strokeDashArray	List	as explained above

Regular Polygon

property	type	meaning
center	List	coordinate of the center
radius	Number	length from center to the sides
sides	Number	how many sides of the polygon
angel	Number	degree to rotate the polygon
options	Dictionay	as descripted above

Remove shape(s)

Delete shape (pushpin, polylin, polygon).

Infobox

Show or hide a Infobox on map

property	type	meaning
location	List	coordinate to show the infobox
title	String	title of the box
description	String	content of the box
actions	List	buttons text which is clickable, and will fire ActionClicked event

Calcuate Route

Calculate a route and show on the map. and if success, this will fire routeUpdate event.

property	type	meaning
locations	List	locations on the route, the first as starting point, the last as destination, others (if any) as midway point
mode	String	type of the route, one of "driving", "transit", "truck", or "walking"
total	Number	how many route totally got
index	Number	which route now selected
route	String	route detail, jsonarray format. User need to parse this with Dictionay

GeoEncode/reverse Geoencode

Change location [lat,lng] to address

Change address to locations, since there are maybe more than one locations with same address name.

GeoJson

operation about geoJson String.

Distance

Calcuate distance between 2 locations.

OTHER

For more information, please refer to HERE)

DOWNLOAD LINK

take me to the download site

[OfficialDjJohn]

Thank you for such extension... Also consider the limitations
https://www.microsoft.com/en-us/maps/create-a-bing-maps-key#freeTab

[TApps_AppsToAll]

Hi center map doesn't work for me

[Kevinkun]

How do you use the blocks?

[German_Skena]

Hi KevinKun.

I want to ask you a DETAIL of this extension or if you know about this.

I have searched in generally and i didn't find any solution for this.
If you want to make "a contours maps" app, not google or microsoft, provide a way to make it from what i search it.
Do you know if bing let you download or make it (but not showed in public but in the detail of the apis for the maps?
I search in yandex and i didn't find how to do it too.
I know, the google maps let you do it, LONG AGO, but now i cannot find a way to do it.

The contours lines are lines of same ALTITUDE and the utility is for Geography-Geology and Military, maybe there are other uses but this are all i know for sure.
I want it for academical geological uses.
Any help you provide will be welcome.

Thanks.

[TApps_AppsToAll]

Set center block , make a list , lat and lon
As you described in your website

[Kevinkun]

Block screenshot or aia?

[David_B]

Method to rotate map?

[Kevinkun]

sorry no such method in this extension.

And also no such method in the api of Bingmap, as far as i know.

[Sergio_Alvarez_Sanch]

Hello good evening, ¿Can you publish any .aia example or blocks image?. I don't know how to use the conector LAYOUT. I don'y know what layout i need to use. Thank you.

[Kevinkun]

layout is an arrangement, vertical arrangement or horizontal arrangement both ok.

[Eng_A.Abdelaty]

Extension give me this error

The specified credentials are invalid. you can sign up for a free developer

How can I solve

[Kevinkun]

read first post for how to get a key.

[Eng_A.Abdelaty]

Is there an aia file through which I can learn how to use extension blocks?

creating points and polygons and polylines by clicking
etc ..

[Kevinkun]

for polyline or poligon, you need a list of locations.

[Eng_A.Abdelaty]

My 1st trial to draw Polyline from Pushpin locations list ( It didn't work )

My 2nd trial to draw Polygon from Pushpin points list ( It succeeded, but it requires several steps to draw the polygon not in one step by click )

Is there a direct, quick block to calculate the area of ​​a polygon ?

[Kevinkun]

@Eng_A.Abdelaty

It succeeded, but it requires several steps to draw the polygon not in one step by click

so how do you know the locations of the polygon?

as for the area of polygon, i need to check if there is a native function in Bing map.
or you can calculate by your self with some mathematics.

[Eng_A.Abdelaty]

All I want to do something like this in video

on map

Overlay Button to draw points
Overlay Button to draw polylines
Overlay Button to draw polygons

When click on any shape

The app show its properties (area + perimeter or length )

I can do only ( overlay Button to draw Points )
Area I will try to find a mathematical solution

What about Drawing Polygons and Polylines buttons directly by click like app in the attached Video

[Kevinkun]

you can drag the pushpin to change the corner of the polygon.

If you want additional function in this extennsion to calculate the area of the polygon, and you are willing to sponsor this function, you can pm me.