Intégration de code dans un post

Bonjour,

Je souhaite ajouter une carte avec ce code dans un post mais je n'ai que la barre sous la carte qui apparaît, pas la carte elle-même.

Où est le problème ?
Merci d'avance


<script src="https://www.amcharts.com/lib/3/ammap.js" type="text/javascript"></script>
<script src="https://www.amcharts.com/lib/3/maps/js/worldHigh.js" type="text/javascript"></script>
<div id="mapdiv" style="width: 1000px; height: 450px;"></div>?
<div style="font-size: 70%; padding: 5px; text-align: center; background-color: #666666; margin-top: 1px; color: #CDCDCD;"><a href="https://www.amcharts.com/visited_countries/" style="color: #CDCDCD;">?Create your own visited countries map</a>??.</div>?
<script type="text/javascript">
var map;
AmCharts.ready(function() {
map = new AmCharts.AmMap();
map.pathToImages = "http://www.ammap.com/lib/images/";
map.panEventsEnabled = true;
map.backgroundColor = "#666666";
map.backgroundAlpha = 1;

map.zoomControl.panControlEnabled = false;
map.zoomControl.zoomControlEnabled = false;

var dataProvider = {
mapVar: AmCharts.maps.worldHigh,
getAreasFromMap: true,
areas: [
{ id: 'AL', showAsSelected: true },
{ id: 'AM', showAsSelected: true },
{ id: 'AT', showAsSelected: true },
{ id: 'BY', showAsSelected: true },
]
};

map.dataProvider = dataProvider;

map.areasSettings = {
autoZoom: true,
color: "#CDCDCD",
colorSolid: "#5EB7DE",
selectedColor: "#5EB7DE",
outlineColor: "#666666",
rollOverColor: "#88CAE7",
rollOverOutlineColor: "#FFFFFF"
};

map.write("mapdiv");
});
</script>