Microsoft EDGE使用typescript文件报告XHR HTTP404(Microsoft EDGE reports XHR HTTP404 with typescript file)

 所以我最终放弃了Bing，并使用了GoogleMaps。 说实话，第一次尝试就像魅力一样！ 使用Microsoft工具太多了...... 
 
 无论如何... 
 
 首先是在index.html中加载gogle API： 
 
<script src="http://maps.googleapis.com/maps/api/js"></script>
 
 然后，在控制器中，在容器中添加GoogleMaps API（如果需要，还可以将引脚添加到中心： 
 
var tmpMap = new google.maps.Map(document.getElementById('myContainer'), {
    center: {
        lat: parseFloat($scope.lat),
        lng: parseFloat($scope.long)
    },
    zoom: 12,
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

var tmpMarker = new window.google.maps.Marker({
  position: tmpMap.getCenter(),
  map: tmpMap,
  title: 'My Title'
});
 
 然后，设置容器的大小（与BingMaps相反，Google不会调整容器的大小..所以没有大小，你将无法看到任何东西） 
 
 最后，将CSP设置为接受来自googleapi.com/*的代码。在此示例中，Il打开了所有内容的CSP，这对真正的应用程序来说不是一件好事： 
 
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src * 'unsafe-inline'; script-src *">
 
 瞧！ 
 
 谷歌是爱，谷歌是生命:) 

So I finaly gave up on Bing, and used GoogleMaps instead. And to be honest, it works like charm on the first try ! So much for using Microsoft tools... 
 
Anyway...
 
First is to load the gogle API in the index.html :
 
<script src="http://maps.googleapis.com/maps/api/js"></script>
 
Then, in the controller, add the GoogleMaps API in the container (and adding a pin to the center if needed :
 
var tmpMap = new google.maps.Map(document.getElementById('myContainer'), {
    center: {
        lat: parseFloat($scope.lat),
        lng: parseFloat($scope.long)
    },
    zoom: 12,
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

var tmpMarker = new window.google.maps.Marker({
  position: tmpMap.getCenter(),
  map: tmpMap,
  title: 'My Title'
});
 
Then, setting a size to the container (contrary to BingMaps, Google doesn't resize the container.. So without a size, you won't be able to see anything)
 
Finaly, set the CSP to accept code from googleapi.com/* In this sample, Il opened the CSP to everything, which is not a good thing to do on a real app :
 
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src * 'unsafe-inline'; script-src *">
 
And voilà !
 
Google is love, Google is life :)