JSFiddle - React, Tailwind, and code Playground

by Stafox

HTML

<script src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&amp;mkt=ru-ru,en-us"></script>
<div id='myMap' style="position:relative; width:100%; height:600px"></div>

JavaScript

var map = null;         

         function GetMap()
         {
            // Initialize the map
            map = new Microsoft.Maps.Map(document.getElementById("myMap"),
                         {credentials:"Bing Maps Key"}); 

            // Retrieve the location of the map center 
            var center = map.getCenter();
            
            // Add a pin to the center of the map
             var pin = new Microsoft.Maps.Pushpin(center, {icon:"https://cdn3.iconfinder.com/data/icons/flat-icons-web/40/Location-128.png", height:256, width:256, text:"1", textOffset: new 
Microsoft.Maps.Point(-64, 64), anchor:new 
Microsoft.Maps.Point(0,150), draggable: true}); 


            map.entities.push(pin);
         }

GetMap();