Question

我应该使用一张地图，显示标记在其中的所有指定位置。它需要是显示所有位置和路线以及标记的一般地图。然而，当我在我的web开发项目中使用dxMap时没有出现任何内容。屏幕只是空白。

下面是html代码：

<!DOCTYPE html>
<html>
    <head>

        <meta charset="utf-8" />

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>

        <script type="text/javascript" src="Map.js"></script>
    </head>
    <body>
        <div id="mapContainer" style="height:450px;max-width:750px;margin:0px auto"></div>
    </body>
</html>

单独的.js文件代码如下：

$(function () {
    $('#mapContainer').dxMap({});
});

我在链接后使用了这种方法： http://js.devexpress.com/Documentation/Tutorial/Data_Visualization/Configure_VectorMap/?version=15_1#Create_a_Vector_Map

该链接显示了如何配置DxVectorMap。但这种方法似乎不适用于dxMap。请问任何人都可以指导我应该为dxMap使用什么方法？

Answer 1

上述代码在使用正确的CDN（包括对桌面Web应用程序的支持）更改头标记后创建了一个dxmap

 <head>
    <title>Add a Widget - jQuery Approach</title>
    <meta charset="utf-8" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <![endif]-->
    <!--[if gte IE 9]><!-->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <!--<![endif]-->
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>
    **<script type="text/javascript" src="http://cdn3.devexpress.com/jslib/15.1.7/js/dx.webappjs.js"></script>**
    <script type="text/javascript" src="script.js"></script>
    <link rel="stylesheet" type="text/css" href="http://cdn3.devexpress.com/jslib/15.1.7/css/dx.common.css" />
    <link rel="stylesheet" type="text/css" href="http://cdn3.devexpress.com/jslib/15.1.7/css/dx.light.css" />
    <link rel="stylesheet" type="text/css" href="styles.css" />
</head>

如何从头开始使用DevExtreme DxMaps进行桌面Web开发？

1 个答案: