Javascript Bing地图V8不适用于IE、Chrome和Firefox
我正在尝试将Bing地图从V7升级到V8。但是,当我将地图脚本URL更改为引用V8时,地图有时会在Internet Explorer浏览器中显示,而在Chrome和Firefox浏览器中根本不起作用 下面是我用来加载Bing地图的代码Javascript Bing地图V8不适用于IE、Chrome和Firefox,javascript,google-chrome,firefox,bing-maps,Javascript,Google Chrome,Firefox,Bing Maps,我正在尝试将Bing地图从V7升级到V8。但是,当我将地图脚本URL更改为引用V8时,地图有时会在Internet Explorer浏览器中显示,而在Chrome和Firefox浏览器中根本不起作用 下面是我用来加载Bing地图的代码 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type='text/javascript' src='http://www.bing.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type='text/javascript' src='http://www.bing.com/api/maps/mapcontrol'></script>
<!--<script type='text/javascript' src='http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0'></script>-->
</head>
<body>
<div id="divMapView" style="width:800px;height:500px"></div>
<script type="text/javascript">
var map = new Microsoft.Maps.Map(document.getElementById('divMapView'), {
credentials: 'My Bing Maps Key'
});
</script>
</body>
</html>
var map=new Microsoft.Maps.map(document.getElementById('divMapView'){
凭据:“我的Bing地图密钥”
});
我还应该做些什么才能让我的代码在所有浏览器上运行呢?对于这个问题,我有两个解决方案,一个用于同步加载,另一个用于异步加载 1-对于同步加载:在“onload”页面事件上加载映射
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type='text/javascript' src='http://www.bing.com/api/maps/mapcontrol'></script>
<!--<script type='text/javascript' src='http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0'></script>-->
</head>
<body>
<div id="divMapView" style="width:800px;height:500px"></div>
<script type="text/javascript">
var loadMap = function () {
var map = new Microsoft.Maps.Map(document.getElementById('divMapView'), {
credentials: 'My Bing Maps Key'
});
}
window.onload = loadMap;
</script>
</body>
</html>
var loadMap=函数(){
var map=new Microsoft.Maps.map(document.getElementById('divMapView'){
凭据:“我的Bing地图密钥”
});
}
window.onload=loadMap;
2-对于异步负载:它将正常工作,不会出现问题
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type='text/javascript' src='http://www.bing.com/api/maps/mapcontrol?callback=GetMap' async defer></script>
<!--<script type='text/javascript' src='http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0'></script>-->
</head>
<body>
<div id="divMapView" style="width:800px;height:500px"></div>
<script type="text/javascript">
function GetMap() {
var map = new Microsoft.Maps.Map(document.getElementById('divMapView'), {
credentials: 'My Bing Maps Key'
});
}
</script>
</body>
</html>
函数GetMap(){
var map=new Microsoft.Maps.map(document.getElementById('divMapView'){
凭据:“我的Bing地图密钥”
});
}
对于这个问题,我有两个解决方案,一个用于同步负载,另一个用于异步负载
1-对于同步加载:在“onload”页面事件上加载映射
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type='text/javascript' src='http://www.bing.com/api/maps/mapcontrol'></script>
<!--<script type='text/javascript' src='http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0'></script>-->
</head>
<body>
<div id="divMapView" style="width:800px;height:500px"></div>
<script type="text/javascript">
var loadMap = function () {
var map = new Microsoft.Maps.Map(document.getElementById('divMapView'), {
credentials: 'My Bing Maps Key'
});
}
window.onload = loadMap;
</script>
</body>
</html>
var loadMap=函数(){
var map=new Microsoft.Maps.map(document.getElementById('divMapView'){
凭据:“我的Bing地图密钥”
});
}
window.onload=loadMap;
2-对于异步负载:它将正常工作,不会出现问题
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type='text/javascript' src='http://www.bing.com/api/maps/mapcontrol?callback=GetMap' async defer></script>
<!--<script type='text/javascript' src='http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0'></script>-->
</head>
<body>
<div id="divMapView" style="width:800px;height:500px"></div>
<script type="text/javascript">
function GetMap() {
var map = new Microsoft.Maps.Map(document.getElementById('divMapView'), {
credentials: 'My Bing Maps Key'
});
}
</script>
</body>
</html>
函数GetMap(){
var map=new Microsoft.Maps.map(document.getElementById('divMapView'){
凭据:“我的Bing地图密钥”
});
}
需要这两种方法中的任何一种都是荒谬的。您的原始代码应该得到开箱即用的支持。这两种方法都是必需的,这真是荒谬。您的原始代码应该得到开箱即用的支持。