为什么不在诺基亚这里使用HTML5?

时间:2013-05-10 17:13:09

标签: javascript html5 here-api

我已完成以下所有测试:Nokia Here HTML5这是我复制并粘贴的示例:Example

我不知道为什么不工作只显示白屏。我在这个选项中有另一个问题是能够添加标记和聚类作为JS选项吗?

1 个答案:

答案 0 :(得分:1)

您需要确保在<script>初始化后调用mh5容器初始化<body class="mh5_hwacc_body">。它也有助于包含doctype元素。如果你在Chrome中运行你的例子并检查错误陈述,你可以看到它正在尝试将项目附加到DOM的主体中,当它仍然是null时。 quick start example(附后)工作正常。

您需要替换自己的app id and token

<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0,
    maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" 
    href="http://api.maps.nokia.com/mobile/1.0.2/lib/mh5.css">
<link rel="stylesheet" 
    href="http://api.maps.nokia.com/mobile/1.0.2/lib/colors.css">
</head>
<body class="mh5_hwacc_body">
<script src="http://api.maps.nokia.com/mobile/1.0.2/lib/mh5.js">
    </script>

<div id="app_location"
    style="width: 320px; height: 480px; position: relative;">
</div>

<script>
    nokia.mh5.assetsPath = 
        "http://api.maps.nokia.com/mobile/1.0.2/lib/";

    nokia.mh5.app.embed ({
        domNode: "#app_location",
        appId: "YOUR APP ID",
        appCode: "YOUR TOKEN"
    });
</script>
</body>
</html>

使用here描述的addPOI()方法将标记添加到地图中。

群集不是MH5的标准功能 - 它是一个框架,而不是API - 在自己的用例中效果最好 - 即“搜索X的快速跨平台移动开发,X的路由,为X“添加标记并向下钻取以提供信息页或新页面。其中X由您的数据提供。