如何在dojo内容窗格中呈现Google地图

我有一个spring/dojo应用程序。要求是在地图中找到一个地址在stackcontainer/content-pane中。首先想到的是将重定向到谷歌地图和CORS & ACCESS_ORIGIN问题正在被抛出。如何在dojo内容窗格中呈现Google地图

任何人都可以指导我们吗？

来源

2017-08-24 kk nair

不知道你的意思是“重定向到谷歌地图”，我不熟悉春天。

下面是我在一些Google搜索（其中包括here）之后构建的一个示例，它使用google maps javascript api，并在ContentPane中显示地图（至少在我的环境中）。您需要提供您的谷歌API密钥和适应配置您的环境：

<!DOCTYPE HTML> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Google maps demo</title> 
    <link rel="stylesheet" href="dojo-release-1.12.2-src/dijit/themes/claro/claro.css" media="screen"> 
</head> 
<body class="claro"> 
    <div id='theMap'></div> 
    <script>var dojoConfig ={ 
       baseUrl: "", isDebug: true, async: true, 
       packages: [{"name": "dojo", "location": "dojo-release-1.12.2-src/dojo"}, {"name": "dijit", "location": "dojo-release-1.12.2-src/dijit"}, 
       ], 
      }; 
    </script> 
    <script src="dojo-release-1.12.2-src/dojo/dojo.js"></script> 
    <script> 
     require([ 
      'dijit/layout/ContentPane', 
      'myApp/gmapsLoader!http://maps.google.com/maps/api/js?v3&key=YOUR_GOOGLE_API_KEY' 
     ], function (ContentPane) { 
      var theMap = new ContentPane({style: {height: '1000px'}}, 'theMap'); 
      var mapOptions = { 
        center : new google.maps.LatLng(-34.397, 150.644), 
        zoom : 8, 
        mapTypeId : google.maps.MapTypeId.ROADMAP 
      }; 

      var theMapContent = new google.maps.Map(theMap.domNode, mapOptions); 
      theMap.startup(); 
     }); 
    </script> 
</body> 
</html>

它在gmapLoader，被描述here（下名字async.js）的依赖。

来源

2017-08-26 21:56:13

如何在dojo内容窗格中呈现Google地图

回答

相关问题