个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在尝试在 JavaScript 文件运行时加载 Bing Maps API。这是我到目前为止所得到的，基于 this .
var bingmap_link = 'https://www.bing.com/api/maps/mapcontrol?callback=loadMapScenario';
$.when(
$.getScript(bingmap_link),
$.Deferred(function( deferred ){
$( deferred.resolve );
})
)
.done(function() {
console.log("done");
load_bing_map();
});
但是我会收到以下错误
TypeError: Microsoft.Maps.NetworkCallbacks.f_logCallbackRequest is not a function
所以我尝试了另一种尝试:
$('head').append('<script type="text/javascript" src="https://www.bing.com/api/maps/mapcontrol?callback=loadMapScenario" async defer></script>');
load_bing_map();
但是我再次运行时出错:
jQuery.Deferred exception: n is null k@https://www.bing.com/api/maps/mapcontrol?callback=loadMapScenario:12:7416
在这两种情况下，load_bing_map() 函数如下所示。
function load_bing_map() {
var map = new Microsoft.Maps.Map('#mymap', {
credentials: 'MyKey'
});
}
代码在$().ready触发器触发后执行。
我错过了什么？
最后我不需要像这样的解决方案
<head>
<script type='text/javascript' src='https://www.bing.com/api/maps/mapcontrol?callback=loadMapScenario' async defer></script>
</heady>
我只能在运行时执行此操作。
最佳答案
您在 map 脚本 URL 中指定了回调函数，但代码中没有具有该名称的函数。这导致了您看到的错误。此外，您拥有的代码将无法按原样运行。 map 控件异步加载一堆资源。这样，就到达了could中的done函数，只加载了初始的javascript文件，其他资源都没有加载，因此 map API尚不可用。以下代码示例展示了如何延迟加载 map API:https://github.com/Microsoft/BingMapsV8CodeSamples/blob/master/Samples/Map/Lazy%20Loading%20the%20Map.html
您可以在这里尝试一下:http://bingmapsv8samples.azurewebsites.net/#Lazy%20Loading%20the%20Map
关于javascript - 在运行时加载 BingMaps API，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45861212/
24
4
0
我正在尝试在 JavaScript 文件运行时加载 Bing Maps API。这是我到目前为止所得到的，基于 this . var bingmap_link = 'https://www.bing.
我正在尝试将群集图钉的颜色从默认的紫色更改为其他颜色。我在文档中看不到任何明显的内容。我尝试了以下方法: var layer = new Microsoft.Maps.ClusterLayer(clu
我搜索了 google 和 stackoverflow，但找不到针对此问题的解决方案。我在我的 view 中像这样加载 map。 下面是它在 index.html 中的加载方式 下面是我的 Co
我有一个包含椭圆的自定义图钉，我想在后面的 C# 代码中以编程方式更改其大小。我可以更改图钉大小，但这会影响它在 map 上的位置。 有没有办法直接通过渲染变换或直接更改椭圆的高度和宽度来处理椭圆？
我正在为我的应用程序使用 aurelia skeleton typescript webpack 模板。我想将 BingMap 添加到页面并能够添加图钉等。到目前为止，我已经这样做了: index.h
我有以下代码，它可以工作，但是缩放非常突然。 map.setView({zoom: 14}); 我试图提供平滑的缩放，类似于 map 控件已经通过单击 +/- 按钮提供的缩放。 2016 年，@rbr
我使用以下代码创建了图钉 var pin = new Microsoft.Maps.Pushpin(data._LatLong, { icon: 'images/pushpin.png
我正在尝试在 bingmaps 中制作所有荷兰 (4044) 邮政编码的多边形。每个邮政编码有 10 到 1000 个坐标。我尝试了以下代码，它适用于大约 200 个邮政编码: var polygon
大家好，我只是想知道我们是否可以获得任何版本的 bingmap 控件的通用 javascript。例如，下面是 bingmaps 版本 7 的示例。 script type="text/javascr
我正在尝试使用 WP7 和 Bingmaps。 我有这个代码 和 public MapInfo() { InitializeComponent();
我正在研究 bingmap wpf。我在鼠标单击事件上创建了图钉。现在我需要使其可拖动并根据图钉位置跟踪坐标。任何人都知道如何使图钉可拖动以及我们需要在哪个函数中编写代码以在图钉发布时进行更新。 非常
function GetMap() { var map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), {
我在 map 上有很多图钉和一些方法，可以让我点击一个图钉，信息框就会弹出。除了信息框本身位于引脚下方之外，这似乎工作正常。我已经尝试以多种不同的方式设置引脚和信息框的 zIndex，但信息框仍然位于
我成功地用图钉在 map 上定位了所有坐标，现在我想在单击图钉以显示信息框时创建事件？ 我可以获取一个示例，说明如何在单击图钉时隐藏信息框并仅显示信息框吗？ 我的代码: import React fr
我正在尝试使用“angular-map”npm 包在 Angular 6 中实现 bingmap refer还有referred问题陈述:未在 node_modules 中创建“bingmaps”文件
我是一名优秀的程序员,十分优秀！