The problem you are having is in the code initializing the map. The <DIV> you are passing into the nokia.maps.map.Display does not exist.
I can reproduce your error by taking the following working map and altering it as follows:
Here is a working map (header AND styling removed for clarity) :
Code:
...
<body>
<div id="mapContainer"></div>
<script type="text/javascript">
nokia.Settings.set( "appId", "YOUR APP ID GOES HERE");
nokia.Settings.set( "authenticationToken", "YOUR AUTHENTICATION TOKEN GOES HERE");
var mapContainer = document.getElementById("mapContainer");
var DefaultLatitude = 52.516237;
var DefaultLongitude = 13.377686;
var defaultZoomLevel = 16;
var mapOptions =
{
baseMapType: nokia.maps.map.Display.NORMAL,
center: new nokia.maps.geo.Coordinate(DefaultLatitude, DefaultLongitude),
zoomLevel: defaultZoomLevel,
components: []
};
var map = new nokia.maps.map.Display(mapContainer, mapOptions);
</script>
</body>
</html>
If I change the reference to the mapContainer to a non-existant <DIV>
Code:
var mapContainer = document.getElementById("NOTmapContainer");
I get the TypeError: a is null http://api.maps.nokia.com/2.2.3/map-js-p2d-canvas.js Line 135 message in firefox.