首页 \ 问答 \ 使用Bing映射和Bootstrap(Using Bing maps with Bootstrap)

使用Bing映射和Bootstrap(Using Bing maps with Bootstrap)

 我有以下HTML： 
 

<head>
    <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.3"></script> 
    <script type="text/javascript" src="~/Scripts/IndexView.js"></script>    
</head>
<body onload="LoadMap();">
    <div class="row">
        <div>
            <h2>Where do you want to go?</h2>
        </div>
    </div>

    <div class="row">        
        <div id="pnlMap">
        </div>
    </div>

    <div class="row">
        <div style="align-content:center">
            <h3>Test</h3>            
        </div>
    </div>
</body>

 

 和IndexView.js： 
 

function LoadMap() {
    var map = new VEMap('pnlMap');
    map.LoadMap();
}

 

 我最终得到的是地图从网页左上角开始的页面。 我想要的是让地图出现在文字下方你想要去哪里？ 。 
 

 据我了解引导“行”的工作方式，他们应该顺序出现在页面上，如果我用文本替换地图，那正是发生了什么; 那么，是否有Bing地图打破了这一规则。 看看我在做什么似乎是正确的。 

I have the following HTML:
 

<head>
    <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.3"></script> 
    <script type="text/javascript" src="~/Scripts/IndexView.js"></script>    
</head>
<body onload="LoadMap();">
    <div class="row">
        <div>
            <h2>Where do you want to go?</h2>
        </div>
    </div>

    <div class="row">        
        <div id="pnlMap">
        </div>
    </div>

    <div class="row">
        <div style="align-content:center">
            <h3>Test</h3>            
        </div>
    </div>
</body>

 

And IndexView.js:
 

function LoadMap() {
    var map = new VEMap('pnlMap');
    map.LoadMap();
}

 

What I end up with is a page where the map starts at the very top left of the web page. What I want is for the map to appear beneath the text Where do you want to go?.
 

As I understand the way that bootstrap "rows" work, they should appear sequentially on the page and, if I replace the map with text, that is exactly what happens; so, is there something about Bing Maps that breaks this rule. Looking here what I'm doing appears to be correct.

原文：https://stackoverflow.com/questions/42607156
更新时间：2023-05-16 13:05

最满意答案

 由于@seanizer给出的原因，我们.classpath在我们的VCS中检查像.project ， .classpath和.settings这样的文件：避免地狱。 
 

 所以这是我们处理事情的方式： 
 

     
 
  •  我们使用m2eclipse或maven eclipse插件来获取可以从POM派生的内容 
    •  
 
  •  我们使用专用的build-tools Maven模块来保存我们的文件 
  
       
   
    •  checkstyle.xml由Checkstyle Multimodule配置建议 
      •  
   
    •  codestyle-eclipse.xml （Eclipse Formatter配置文件准备导入） 
      •  
   
    •  codetemplates-eclipse.xml （准备导入的Eclipse 代码模板 ） 
      •  
  
    •  
 
  •  我们将介绍如何使用Wiki中的上述文件设置开发环境 
    •  

 

 所有这一切都受到Vincent Massol在XWiki上所做的一切的启发（参见他们的Java Code Style页面及其svn的具体例子）。 

We do not checkin files like .project, .classpath and .settings in our VCS for the reasons given by @seanizer: avoiding hell. 
 

So here is how we handle things:
 

     
 
  • we use m2eclipse or the maven eclipse plugin to derive what can be derived from the POM
    •  
 
  • we use a dedicated build-tools Maven module to hold files such as our 
  
       
   
    • checkstyle.xml as suggested by the Checkstyle Multimodule configuration
      •  
   
    • codestyle-eclipse.xml (Eclipse Formatter profile ready to import)
      •  
   
    • codetemplates-eclipse.xml (Eclipse Codes Templates ready to import)
      •  
  
    •  
 
  • we document how to setup the development environment using the above files in our Wiki
    •  

 

All this is highly inspired by what Vincent Massol is doing at XWiki (see their Java Code Style page and their svn for a concrete example).

相关问答

更多

相关文章

更多
  • BootStrap入门教程 (一)
  • BootStrap入门教程 (二)
  • BootStrap入门教程 (四)
  • BootStrap入门教程 (三)
  • Bootstrap响应式网页布局视频教程
  • Bootstrap视频教程-宁皓网：Bootstrap 网页设计用户界面架构
  • Bootstrap基础视频教程-尚学堂视频教程
  • Bootstrap3与artDialog绝配搭建图书管理系统
  • 顶 Opencart &Bootstrap&Android&IOS&JsonRPC&微信公众平台
  • Select2在Bootstrap 3 Modal框中不能搜索的解决方法

    • 最新问答

    更多
  • 在ios 7中的UITableView部分周围绘制边界线(draw borderline around UITableView section in ios 7)
  • Java中的不可变类(Immutable class in Java)
  • 寻求多次出现的表达式(Seeking for more than one occurrence of an expression)
  • linux只知道文件名,不知道在哪个目录,怎么找到文件所在目录
  • Actionscript：检查字符串是否包含域或子域(Actionscript: check if string contains domain or subdomain)
  • 懒惰地初始化AutoMapper(Lazily initializing AutoMapper)
  • 使用hasclass为多个div与一个按钮问题(using hasclass for multiple divs with one button Problems)
  • Windows Phone 7：检查资源是否存在(Windows Phone 7: Check If Resource Exists)
  • EXCEL VBA 基础教程下载
  • RoR - 邮件中的动态主体（部分）(RoR - Dynamic body (part) in mailer)
  • 无法在Google Script中返回2D数组？(Can not return 2D Array in Google Script?)
  • JAVA环境变量的设置和对path , classpth ,java_home设置作用和目的？
  • mysql 关于分组查询、时间条件查询
  • 如何使用PowerShell匹配运算符(How to use the PowerShell match operator)
  • Effective C ++，第三版：重载const函数(Effective C++, Third edition: Overloading const function)
  • 如何用DELPHI动态建立MYSQL的数据库和表? 请示出源代码。谢谢！
  • 带有简单redis应用程序的Node.js抛出“未处理的错误”(Node.js with simple redis application throwing 'unhandled error')
  • 使用前端框架带来哪些好处，相对于使用jquery
  • Ruby将字符串（$ 100.99）转换为float或BigDecimal(Ruby convert string ($100.99) to float or BigDecimal)
  • 高考完可以去做些什么？注意什么？
  • 如何声明放在main之后的类模板？(How do I declare a class template that is placed after the main?)
  • 如何使用XSLT基于兄弟姐妹对元素进行分组(How to group elements based on their siblings using XSLT)
  • 在wordpress中的所有页面的标志(Logo in all pages in wordpress)
  • R：使用rollapply对列组进行求和的问题(R: Problems using rollapply to sum groups of columns)
  • Allauth不会保存其他字段(Allauth will not save additional fields)
  • python中使用sys模块中sys.exit()好像不能退出？
  • 将Int拆分为3个字节并返回C语言(Splitting an Int to 3 bytes and back in C)
  • 在SD / MMC中启用DDR会导致问题吗？(Enabling DDR in SD/MMC causes problems? CMD 11 gives a response but the voltage switch wont complete)
  • sed没有按预期工作，从字符串中间删除特殊字符(sed not working as expected, removing special character from middle of string)
  • 如何将字符串转换为Elixir中的函数(how to convert a string to a function in Elixir)

    • Copyright ©2023 peixunduo.com All Rights Reserved.粤ICP备14003112号

    本站部分内容来源于互联网，仅供学习和参考使用，请莫用于商业用途。如有侵犯你的版权，请联系我们(neng862121861#163.com)，本站将尽快处理。谢谢合作！