Dynamics Community Forum Thread Details

Parse address field into external Bing Maps API

Hi, Im using the following api from Bing Maps to add aerialview map into my account entity for address field.

I am not sure as to how I can parse the address1_composite field into the following html code.

<!DOCTYPE html>
<html>
<head>
<title>birdseyeV2HTML</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
</head>
<body>
<div id='printoutPanel'></div>

<div id='myMap' style='width: 100vw; height: 100vh;'></div>
<script type='text/javascript'>
function loadMapScenario() {
var map = new Microsoft.Maps.Map(document.getElementById('myMap'), {
/* No need to set credentials if already passed in URL */
center: new Microsoft.Maps.Location(37.239027, -121.966237),
mapTypeId: Microsoft.Maps.MapTypeId.birdseye });
var pushpin = new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(37.239027, -121.966237), { title: 'sample text' });
var polyline = new Microsoft.Maps.Polyline([new Microsoft.Maps.Location(37.239279, -121.966286),
new Microsoft.Maps.Location(37.239481, -121.966162),
new Microsoft.Maps.Location(37.239622, -121.966179),
new Microsoft.Maps.Location(37.239881, -121.966654),
new Microsoft.Maps.Location(37.238978, -121.967443),
new Microsoft.Maps.Location(37.238807, -121.967427),
new Microsoft.Maps.Location(37.237538, -121.964750),
new Microsoft.Maps.Location(37.236868, -121.965635),
new Microsoft.Maps.Location(37.236001, -121.965812),
new Microsoft.Maps.Location(37.235905, -121.965091),
new Microsoft.Maps.Location(37.235577, -121.964664)], { strokeColor: 'lightblue', strokeThickness: 5 });
var layer = new Microsoft.Maps.Layer();
layer.add([pushpin, polyline]);
map.layers.insert(layer);

}
</script>
<script type='text/javascript' src='www.bing.com/.../mapcontrol;callback=loadMapScenario' async defer></script>
</body>
</html>