无法使用tom tom map

时间:2015-12-05 14:19:52

标签: javascript html image leaflet

  1. 首先我在汤姆汤姆地图的官方网站上注册http://developer.tomtom.com/

  2. http://developer.tomtom.com/products/onlinenavigation/mapkit/Downloads获取MapKit和下载JavaScript SDK 2.1的API密钥

  3. 我的邮件上有API密钥。

  4. 在" JavaScript SDK 2.1"的下载文件夹中;我在文件apikey.js中编辑APIKEY。喜欢tomtom.apiKey =" 3csxpg4dwd67bg9k8y3gzrzg&#34 ;;
  5. 这是apikey.js中的代码

    tomtom.apiKey = "3csxpg4dwd67bg9k8y3gzrzg";
    

    这是我在map.html中的html代码,我试图在Mozilla浏览器上运行:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>TomTom JavaScript SDK - Map</title>
        <link rel="stylesheet" type="text/css" href="../css/tomtom.map.min.css"         />
        <!--[if lte IE 8]><link rel="stylesheet"     href="../css/tomtom.map.ie.min.css" /><![endif]-->
        <script type="text/javascript" src="../js/leaflet.js"></script>
        <script type="text/javascript" src="../js/tomtom.map.js"></script>
        <script type="text/javascript" src="apikey.js"></script>
        <script>
            window.onload = function() {
                // set the base image path used by tomtom.Marker
                tomtom.setImagePath("../images/");
    
                // create a basic map
                var map = new tomtom.Map({
                    domNode: "map",
    
                });
            };
        </script>
        <style type="text/css">
            html, body {
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    <body>
        <div style="width: 100%; height: 100%;" id="map"></div>
    </body>
    

    但是我的浏览器上没有渲染地图。还有一件事我没有使用mapbox API服务完成这项工作。

    以下是使用mapbox Services的Map输出。 [我正在使用leafletJs和mapbx API服务附加输出图像。]

    任何人都可以告诉我在哪里犯了任何错误,或者我应该改变访问tomtom地图的方式。请帮帮我。非常感谢先进。

0 个答案:

没有答案