Google Maps API GeoJSON不适用于IE 11,但可在Chrome中使用

萨斯夸奇

我有一个google地图,它从Visual Studio 2013的localhost上运行的GeoJSON文件加载标记。它也以chrome(从IIS服务器)运行,但不会在IE版本11中运行。该地图显示了,但是标记来自JSON文件没有。为什么在IIS 8上的Chrome和VS中的IE 11上,而不在IIS 8上的IE 11中,这可以在Chrome中工作?

    var map;
    var infowindow = new google.maps.InfoWindow({ });

    function initialize() {

            map = new google.maps.Map(document.getElementById('googleMap'), {
            center: new google.maps.LatLng(15.508742, -0.120850),
            zoom: 2,
            mapTypeId: google.maps.MapTypeId.HYBRID,
            scrollwheel: false 
        });

        google.maps.event.addListener(map, 'click', function() {
            infowindow.close();
        });

        // Load a GeoJSON from the same server as our demo.
        map.data.loadGeoJson('locations.json');

        // Set event listener for each feature.
        map.data.addListener('click', function (event) {
            infowindow.setContent("<div> " + event.feature.getProperty('city') + " " + event.feature.getProperty('date') + "<br>" + event.feature.getProperty('course') + "<br>Sponsored by: " + event.feature.getProperty('sponsor') + "<br>" + "<a href=" + "/Training.aspx" + ">Click here to Register</a>" + "</div>");
            infowindow.setPosition(event.latLng);
            infowindow.setOptions({ pixelOffset: new google.maps.Size(0, -34) });
            infowindow.open(map);

        });

        map.data.addListener('mouseover', function (event) {
            //infowindow.setContent("<div class=\"map_info_box\" > " + event.feature.getProperty('city') + " " + event.feature.getProperty('date') + "<br>" + event.feature.getProperty('course') + "<br>Sponsored by: " + event.feature.getProperty('sponsor') + "<br>" + "<a href=" + "/Training.aspx" + ">Click here to Register</a>" + "</div>");
            infowindow.setContent("<div> " + event.feature.getProperty('city') + " " + event.feature.getProperty('date') + "<br>" + event.feature.getProperty('course') + "<br>Sponsored by: " + event.feature.getProperty('sponsor') + "<br>" + "<a href=" + "/Training.aspx" + ">Click here to Register</a>" + "</div>");
            infowindow.setPosition(event.latLng);
            infowindow.setOptions({ pixelOffset: new google.maps.Size(0, -34) });
            infowindow.open(map);
        });

    }

    google.maps.event.addDomListener(window, 'load', initialize);
萨斯夸奇

IE中的兼容性视图阻止了geoJSON文件的加载。我放

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

在页面顶部,它解决了问题。

非常感谢geocodezip,他在上面的评论中为我指明了正确的方向。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Google Maps API RadarSearch不适用于伦敦

来自分类Dev

延迟属性不适用于Google Maps API?

来自分类Dev

Slick.js不适用于Google Maps API中的infoBox.js

来自分类Dev

Google Maps API密钥不适用于所有环境

来自分类Dev

Slick.js不适用于Google Maps API中的infoBox.js

来自分类Dev

适用于企业的Google Maps Mobile SDK与Google Maps Android API

来自分类Dev

Google Maps API v3导航(例如适用于Android的Google Maps)

来自分类Dev

适用于企业的Google Maps Mobile SDK与Google Maps Android API

来自分类Dev

触摸事件不适用于Angular中的Google Maps

来自分类Dev

Angular Universal不适用于Angular Google Maps

来自分类Dev

Google Maps信息窗口不适用于标记单击

来自分类Dev

Google Map Geocoding PHP可在IE中使用,但不适用于Chrome / mobile,Edge或Safari / Mobile。我收到错误消息“意外令牌?”

来自分类Dev

CSS效果可在Chrome中使用,但不适用于IE 11

来自分类Dev

Google Play服务不适用于Android模拟器API级别11

来自分类Dev

localStorage不适用于Google Chrome

来自分类Dev

Highchart不适用于Google Chrome

来自分类Dev

SignalR不适用于Google Chrome

来自分类Dev

Highchart不适用于Google Chrome

来自分类Dev

Google Maps适用于Android Release APK,但不适用于AAB

来自分类Dev

使用php的Google Maps Api

来自分类Dev

适用于Android的Google Maps API 2“很遗憾,应用程序已停止。”

来自分类Dev

适用于本地主机的Google Maps v3 API无法正常工作

来自分类Dev

适用于Android的Google Maps API v2:标记和折线位置不匹配

来自分类Dev

适用于Android的Google Maps API 2“很遗憾,应用程序已停止。”

来自分类Dev

适用于wifiAccessPoints的Google Maps Geolocation API返回未找到的地理位置

来自分类Dev

适用于Android棉花糖的Google Maps API中的getMyLocation()错误

来自分类Dev

Google Maps API 限制适用于密钥还是云项目?

来自分类Dev

在Python中使用Google Maps API

来自分类Dev

CSS不适用于IE和Firefox,但可以在Chrome中使用

Related 相关文章

  1. 1

    Google Maps API RadarSearch不适用于伦敦

  2. 2

    延迟属性不适用于Google Maps API?

  3. 3

    Slick.js不适用于Google Maps API中的infoBox.js

  4. 4

    Google Maps API密钥不适用于所有环境

  5. 5

    Slick.js不适用于Google Maps API中的infoBox.js

  6. 6

    适用于企业的Google Maps Mobile SDK与Google Maps Android API

  7. 7

    Google Maps API v3导航(例如适用于Android的Google Maps)

  8. 8

    适用于企业的Google Maps Mobile SDK与Google Maps Android API

  9. 9

    触摸事件不适用于Angular中的Google Maps

  10. 10

    Angular Universal不适用于Angular Google Maps

  11. 11

    Google Maps信息窗口不适用于标记单击

  12. 12

    Google Map Geocoding PHP可在IE中使用,但不适用于Chrome / mobile,Edge或Safari / Mobile。我收到错误消息“意外令牌?”

  13. 13

    CSS效果可在Chrome中使用,但不适用于IE 11

  14. 14

    Google Play服务不适用于Android模拟器API级别11

  15. 15

    localStorage不适用于Google Chrome

  16. 16

    Highchart不适用于Google Chrome

  17. 17

    SignalR不适用于Google Chrome

  18. 18

    Highchart不适用于Google Chrome

  19. 19

    Google Maps适用于Android Release APK,但不适用于AAB

  20. 20

    使用php的Google Maps Api

  21. 21

    适用于Android的Google Maps API 2“很遗憾,应用程序已停止。”

  22. 22

    适用于本地主机的Google Maps v3 API无法正常工作

  23. 23

    适用于Android的Google Maps API v2:标记和折线位置不匹配

  24. 24

    适用于Android的Google Maps API 2“很遗憾,应用程序已停止。”

  25. 25

    适用于wifiAccessPoints的Google Maps Geolocation API返回未找到的地理位置

  26. 26

    适用于Android棉花糖的Google Maps API中的getMyLocation()错误

  27. 27

    Google Maps API 限制适用于密钥还是云项目?

  28. 28

    在Python中使用Google Maps API

  29. 29

    CSS不适用于IE和Firefox,但可以在Chrome中使用

热门标签

归档