Javascript 我正在调试LINUX LAMP Server index.html，以呈现美国的html图像地图，http://jvectormap.owl-hollow.net/_Javascript_Jquery_Html_Css

Javascript 我正在调试LINUX LAMP Server index.html，以呈现美国的html图像地图，http://jvectormap.owl-hollow.net/

javascript jquery html css

Javascript 我正在调试LINUX LAMP Server index.html，以呈现美国的html图像地图，http://jvectormap.owl-hollow.net/,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在调试我的LINUX LAMP服务器index.html，以呈现美国的html图像地图我遇到了以下问题。首先，我可以使用简单的Javascript函数呈现简单的HTML文本。然而，当我试图呈现美国的HTML图像地图时，我的web浏览器除了一个标记为jVectorMap demo的文本控件外，什么也没有显示我的index.html如下所示。请让我知道我在编码index.html时犯了哪些错误。非常感谢您阅读此问题 <!DOCTYPE html> <html> <

我正在调试我的LINUX LAMP服务器index.html，以呈现美国的html图像地图

我遇到了以下问题。首先，我可以使用简单的Javascript函数呈现简单的HTML文本。然而，当我试图呈现美国的HTML图像地图时，我的web浏览器除了一个标记为jVectorMap demo的文本控件外，什么也没有显示

我的index.html如下所示。请让我知道我在编码index.html时犯了哪些错误。非常感谢您阅读此问题

<!DOCTYPE html>
<html>
<head>
  <title>jVectorMap demo</title>
  <link rel="stylesheet" href="jquery-jvectormap-1.1.1.css" type="text/css" media="screen"/>
  <script src="jquery.js"></script>
  <script src="jquery-jvectormap-1.1.1.min.js"></script>
  <script src="us_aea_en.js"></script>
</head>
<body>
  <script language="javascript">
    function processOrder() { ('USA-map').vectorMap({map: 'us_aea_en'}); }
  </script>
</body>
<body>
<Script Language="JavaScript">
processOrder();
</Script>
</body>)
</script>
</body>

</html>

我刚刚找到了答案。我在这里修改了index.html

<!DOCTYPE html>
<html>
<head>
  <title>jVectorMap demo</title>
  <link rel="stylesheet" href="jquery-jvectormap-1.1.1.css"
type="text/css" media="screen"/>
  <script src="jquery.js"></script>
  <script src="jquery-jvectormap-1.1.1.min.js"></script>
  <script src="us_aea_en.js"></script>
</head>
<body>
  <div id="USA-map" style="width: 1200px; height: 800px"></div>
  <script language="javascript">
    function processOrder() {
          var pluginContainer = $("#USA-map");
          pluginContainer.vectorMap({map: 'us_aea_en'});
    }
  </script>
</body>
<body>
<Script Language="JavaScript">
processOrder();
</Script>

您的标记无效—您不应该有多个元素：，而且您确实应该使用一个支持DOM的包装器，如下所示：

<!DOCTYPE html>
<html>
    <head>
      <title>jVectorMap demo</title>
      <link rel="stylesheet" href="jquery-jvectormap-1.2.2.css" type="text/css" media="screen"/>
      <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
      <script src="jquery-jvectormap-1.2.2.min.js"></script>
      <script src="jquery-jvectormap-us-aea-en.js"></script>
      <script>
            $(function(){   
                $('#USA-map').vectorMap({map: 'us_aea_en'});
            });
      </script>
    </head>
    <body>
        <div id="USA-map" style="width: 1200px; height: 800px"></div>
    </body>
</html>

@谢谢你的正确回答。我刚刚测试过它，它工作正常。我接受你的回答。