Question

这是我第一次在stackoverflow中发布内容。问候!!

所以，我正在尝试使用诺基亚地图启动一个网络应用程序，所以我去了样本和代码（复制并粘贴）我遇到的代码。没有显示任何内容。

我知道我需要一个app_id和app_code。我有两个人。

从developer.here.com，当我选择Create App链接时，会出现Solution Selection屏幕。我有两个app_id和app_code选择“Web和Web体验”和“Web和Geocoder＆amp; Batch Geocoder”。

我猜这些代码无效。但是，我需要选择什么样的解决方案？

由于

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=7; IE=EmulateIE9; IE=10" />

    <script src="http://js.api.here.com/se/2.5.3/jsl.js" type="text/javascript" charset="utf-8">   </script>
    <script type="text/javascript">

        nokia.Settings.set("app_id", "My_app_id");
        nokia.Settings.set("app_code", "My_app_code");

        var map = new nokia.maps.map.Display(
            document.getElementById("mapContainer"), {
                // Zoom level for the map
                zoomLevel: 10,
                // Map center coordinates
                center: [52.51, 13.4]
            }
        );
    </script>
</head>
<body>
    <div id="mapContainer"></div>
</body>

Answer 1

尝试将height和width添加到地图容器中。

 <div id="mapContainer" style="width:540px; height:334px;"></div>

如果您的app_id和app_code无效，则至少应该获得一个灰色框。

如果将<div>放在<script>标记之前，则在脚本运行时它将出现在DOM中。这应该有效：

<div id="mapContainer" style="width:540px; height:334px;"></div>
<script type="text/javascript">

    nokia.Settings.set("app_id", "My_app_id");
    nokia.Settings.set("app_code", "My_app_code");

    var map = new nokia.maps.map.Display(
    document.getElementById("mapContainer"), {
        zoomLevel: 10,
        center: [52.51, 13.4]
    });
</script>

同时打开firebug并查看是否正在下载任何地图图块，或者您是否有任何JavaScript错误。

解决方案选择诺基亚网络地图

1 个答案: