使用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).

下列中不属于面向对象的编程语言的是?

多个开发人员如何处理单个Moodle项目？(How multiple developers can work on a single Moodle project?)

由于Moodle已经使用git进行核心开发，这肯定是在多个开发人员之间协调代码的最佳选择。有关更多详细信息，请参阅https://docs.moodle.org/dev/Git_for_developers （尽管这更侧重于为Moodle核心提供补丁）。共享数据更加困难，但根据我的经验，每个开发人员通常可以使用他们自己的Moodle安装，并使用集中安装进行测试（并确保每个开发人员使用xmldb编辑器来定义install.xml + upgrade）。 php步骤，以便其他开发人员可以从中获取最...

如何与其他开发人员共享信标(How to share beacons with other developers)

我发现了一种适用于我的解决方案，但我不确定它是否是一个好的或优雅的解决方案。请随时给我反馈或意见。假设我们有一个拥有信标的开发者A ，并且A想要将他的信标分享给第三方开发者B。他使用Beacon Tool iOS应用程序注册了他的信标并将其分配给他的Google API项目。要让B使用A的信标，请执行以下步骤：（1） B必须创建一个新的Google API项目（ https://console.developers.google.com/apis ）。 B必须为他的项目激活“Google...

如何与其他开发人员共享Java项目？(How to share Java project with other developers? [closed])

这绝对是源代码控制的工作，正如其他答案所提到的，Git或SVN可能是您的最佳选择。 Git是较新的，并且正在获得大量人气（可能要归功于GitHub）。 GitHub非常容易学习，甚至可以使用新的GitHub for Windows客户端为您完成许多更困难的任务。他们还有一个GitHub for Mac客户端。一旦您更熟悉该工具，您就可以获得eclipse的EGit插件，这样您就可以直接从IDE控制源代码控制。此外，GitHub还创建了一个用于学习git的在线交互式教程。至于清除类文件（...

在eclipse中设置maven java项目[关闭](Setup maven java project in eclipse [closed])

Maven的重点是让它管理应用程序的依赖关系和构建过程，而不是IDE。因此，如果你认为你需要用你的IDE做它，你可能使用Maven做错了。 I solved it with the m2e plugin. It allows you to import git projects as maven projects and automatically organizes them in working sets and projects according to maven modules.

适用于多个开发人员的iOS Xcode项目文件共享(iOS Xcode project file sharing for multiple developers)

如果您将代码签名身份设置为iPhone Developer (Automatic selection)而不是iPhone Developer: Joe McDoe ，那么它将自动在本地钥匙串中找到合适的签名身份，并且它应该适用于您团队中的每个开发人员。 If you set the code signing identity to iPhone Developer (Automatic selection) instead of iPhone Developer: Joe McDoe, then ...

你如何设置一个maven java项目，也可以使用groovy？(How do you setup a maven java project that can also make use of groovy?)

你试过gmaven插件吗？ Have you tried the gmaven plugin?

如何使用Maven for App Engine设置Java Eclipse（Juno）动态Web项目(How to setup a Java Eclipse (Juno) dynamic web project with Maven for App Engine)

我认为Maven GWT插件可以帮到你！ I think the Maven GWT Plugin could help you!

如何为多个开发人员设置Java maven项目以便轻松使用(How to setup a Java maven project for multiple developers to use easily)

由于@seanizer给出的原因，我们.classpath在我们的VCS中检查像.project ， .classpath和.settings这样的文件：避免地狱。所以这是我们处理事情的方式：我们使用m2eclipse或maven eclipse插件来获取可以从POM派生的内容我们使用专用的build-tools Maven模块来保存我们的文件 checkstyle.xml由Checkstyle Multimodule配置建议 codestyle-eclipse.xml （Eclipse F...

构建多个Maven项目(Build multiple Maven projects)

我们如何设置Maven使用本地版本的项目B来构建，而不是从Nexus获取人工制品？您可以为每个存储库的快照工件设置updatePolicy 。实际上，默认情况下，Maven每天只检查一次SNAPSHOT更新。因此，如果您在本地构建B版本，即使将新的SNAPSHOT部署到您的Nexus，您也应该可以使用它来构建A一段时间。如果这不符合您的需求，您可以更改此政策。您也可以离线构建（使用-o选项）。 PS：AFAIK，默认情况下，Maven 3.x中将禁用自动更新，您必须明确要求更新（使用...

BootStrap入门教程 (一)

2011年，twitter的“一小撮”工程师为了提高他们内部的分析和管理能力，用业余时间为他们的产品构 ...

BootStrap入门教程 (二)

上讲回顾：Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(flui ...

BootStrap入门教程 (四)

上讲回顾：Bootstrap组件丰富同时具有良好可扩展性，能够很好地应用在生产环境。这些组件包括按钮( ...

BootStrap入门教程 (三)

上讲回顾：Bootstrap的基础CSS(Base CSS)提供了优雅，一致的多种基础Html页面要素 ...

Bootstrap响应式网页布局视频教程

【7】王皓老师响应式网页设计讲堂教程.zip 【6】Bootstrap其他教程.zip 【5】Twit ...

Bootstrap视频教程-宁皓网：Bootstrap 网页设计用户界面架构

Bootstrap视频教程-宁皓网：Bootstrap 网页设计用户界面架构，Bootstrap 是 ...

Bootstrap基础视频教程-尚学堂视频教程

内容包括Bootstrap起步、Bootstrap全局css样式概览、Bootstrap全局css样式 ...

Bootstrap3与artDialog绝配搭建图书管理系统

这个系统用到两个比较好的开源工具包，一个是Bootstrap，另外一个是artDialog，Boots ...

顶 Opencart &Bootstrap&Android&IOS&JsonRPC&微信公众平台

OPENCART OpenCart是开源、简洁、易用、功能丰富、SEO最佳优化的B2B, B2C解 ...

Select2在Bootstrap 3 Modal框中不能搜索的解决方法

在项目中用了Select2，基于Bootstrap 3的搜索下拉框。但奇怪的是，在modal-dial ...

获取MVC 4使用的DisplayMode后缀(Get the DisplayMode Suffix being used by MVC 4)

我用Google搜索了一个解决方案。 “EnumDisplayModeProvider”是我自己设置网站的各种模式的枚举。 public EnumDisplayModeProvider GetDisplayModeId() { foreach (var mode in DisplayModeProvider.Instance.Modes) if (mode.CanHandleContext(HttpContext)) {

如何通过引用返回对象？(How is returning an object by reference possible?)

这相对简单：在类的构造函数中，您可以分配内存，例如使用new 。如果你制作一个对象的副本，你不是每次都分配新的内存，而是只复制指向原始内存块的指针，同时递增一个也存储在内存中的引用计数器，使得每个副本都是对象可以访问它。如果引用计数降至零，则销毁对象将减少引用计数并仅释放分配的内存。您只需要一个自定义复制构造函数和赋值运算符。这基本上是共享指针的工作方式。 This is relatively easy: In the class' constructor, you allocate m

矩阵如何存储在内存中？(How are matrices stored in memory?)

正如它在“熵编码”中所说的那样，使用Z字形图案，与RLE一起使用，在许多情况下，RLE已经减小了尺寸。但是，据我所知，DCT本身并没有给出稀疏矩阵。但它通常会增强矩阵的熵。这是compressen变得有损的点：输入矩阵用DCT传输，然后量化量化然后使用霍夫曼编码。 As it says in "Entropy coding" a zig-zag pattern is used, together with RLE which will already reduce size for man

每个请求的Java新会话？(Java New Session For Each Request?)

你是如何进行重定向的？您是否事先调用了HttpServletResponse.encodeRedirectURL（）？在这里阅读javadoc 您可以使用它像response.sendRedirect(response.encodeRedirectURL(path)); The issue was with the path in the JSESSIONID cookie. I still can't figure out why it was being set to the tomca

css：浮动div中重叠的标题h1(css: overlapping headlines h1 in floated divs)

我认为word-break ，如果你想在一个单词中打破行，你可以指定它，这样做可以解决问题： .column { word-break:break-all; } jsFiddle演示。您可以在此处阅读有关word-break属性的更多信息。 I think word-break, with which you can specify if you want to break line within a word, will do the trick: .column { word-break

无论图像如何，Caffe预测同一类(Caffe predicts same class regardless of image)

我认为您忘记在分类时间内缩放输入图像，如train_test.prototxt文件的第11行所示。您可能应该在C ++代码中的某个位置乘以该因子，或者使用Caffe图层来缩放输入（请查看ELTWISE或POWER图层）。编辑：在评论中进行了一次对话之后，结果发现在classification.cpp文件中错误地删除了图像均值，而在原始训练/测试管道中没有减去图像均值。 I think you have forgotten to scale the input image during cl

xcode语法颜色编码解释？(xcode syntax color coding explained?)

转到： Xcode => Preferences => Fonts & Colors 您将看到每个语法高亮颜色旁边都有一个简短的解释。 Go to: Xcode => Preferences => Fonts & Colors You'll see that each syntax highlighting colour has a brief explanation next to it.

在Access 2010 Runtime中使用Office 2000校对工具(Use Office 2000 proofing tools in Access 2010 Runtime)

你考虑过第三方拼写检查吗？您可以将在C＃中开发的自定义WinForms控件插入访问数据库吗？ VB6控件怎么样？如果你能找到一个使用第三方库进行拼写检查的控件，那可能会有效。 Have you considered a third party spell checker? Can you insert a custom WinForms controls developed in C# into an access database? What about a VB6 control? If

从单独的Web主机将图像传输到服务器上(Getting images onto server from separate web host)

我有同样的问题，因为我在远程服务器上有两个图像，我需要在每天的预定义时间复制到我的本地服务器，这是我能够提出的代码... try { if(@copy('url/to/source/image.ext', 'local/absolute/path/on/server/' . date("d-m-Y") . ".gif")) { } else { $errors = error_get_last(); throw new Exception($err

从旧版本复制文件并保留它们（旧/新版本）(Copy a file from old revision and keep both of them (old / new revision))

我不确定我完全明白你在说什么。你能编辑你的帖子并包含你正在做的Subversion命令/操作的特定顺序吗？最好使用命令行svn客户端，以便容易为其他人重现问题。如果您只是想获取文件的旧副本（即使该文件不再存在），您可以使用如下命令： svn copy ${repo}/trunk/moduleA/file1@${rev} ${repo}/trunk/moduleB/file1 其中${repo}是您的存储库的URL， ${rev}是您想要的文件的版本。这将恢复该文件的旧版本，包括最高版本