-2

我遵循了Nokia Here HTML5中的以下示例。它没有按预期工作。这是我当前的代码：

<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <!-- You should also add the following meta tags to support Blackberry 7.0+ devices -->
        <meta name="HandheldFriendly" content="True">
        <meta name="touch-event-mode" value="native">
        <meta name="cursor-event-mode" value="native">
        <!-- To disable address sniffing and prevent native maps from starting, use the following meta tags -->
        <meta name="format-detection" content="telephone=no"/>
        <meta name="format-detection" content="address=no"/>
<!--        <link rel="stylesheet" href="http://api.maps.nokia.com/mobile/1.0.2/lib/mh5.js">-->
        <link rel="stylesheet" href="http://api.maps.nokia.com/mobile/latest/lib/colors.css">
<!--        <script src="http://api.maps.nokia.com/mobile/1.0.2/lib/mh5.js"></script>-->
        <script src="http://api.maps.nokia.com/mobile/latest/lib/mh5.js"></script>
    </head>
    <body class="mh5_hwacc_body">
        <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: "_peU-uCkp-j8ovkzFGNU",
                appCode: "gBoUkAMoxoqIWfxWA5DuMQ"
            });
        </script>
    </body>
</html>

不知道为什么只显示白屏。你有什么主意吗？

或者，我还有另一个问题。有谁知道这个移动版本是否允许添加标记和聚类？

4

1 回答 1

1

您需要确保在<script>初始化后调用初始化 mh5 容器<body class="mh5_hwacc_body">。它也将有助于包含 doctype 元素。如果您在 Chrome 中运行您的示例并检查错误语句，您可以看到它正在尝试将项目附加到 DOM 的主体中null。快速入门示例（附在下面）工作正常。

您需要替换为您自己的应用程序 ID 和令牌

<!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>

使用此处addPOI()描述的方法向地图添加标记。

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

于 2013-05-14T12:06:48.557 回答