我的SVG地图标记在IE11上消失了.它在Chrome,Firefox,Safari,IE9和10中都可见,但不是11.我已经上传了我当前代码的JSfiddle.我不知道这是我还是谷歌地图的错误.
<html>
<head>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCyfFUUVxVyoCicnttJfj-w63wzfbTKV3Y&sensor=false">
</script>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map-canvas { height: 100% }
</style>
<script>
function initialize() {
var sanfrancisco = new google.maps.LatLng(37.78062,-122.397203);
var mapOptions = {
zoom: 18,
zIndex:0,
center: sanfrancisco,
mapTypeControl: true,
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'usroadatlas']
},zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
},
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
// var image = 'img/1p_marker3.png';
var image = 'http://firstperson.is/assets/img/contact/map_marker.svg';
var marker …我有一些带有线标记的SVG线,我有一个脚本可以移动这些线.这适用于所有浏览器,包括IE9.
但是,我只是在IE10上尝试过它,当线移动时,线标记会被遗忘.
这方面的一个例子可以在这里看到:http://jsfiddle.net/swYRK/8/
我在Windows 7和8上都尝试过这个.
有谁知道发生了什么？这是一个IE10错误,还是有另一种移动线和标记的方法？
(注意实际的应用程序对性能非常敏感,所以我非常希望避免在移动它们的时候每一帧都重新创建行,或者其他东西.)
-
编辑:这似乎是一个真正的IE 10错误.我在IE错误跟踪器中找到了一个未解决的问题(这需要一个Microsoft帐户才能看到,这使得谷歌看不到它.你好？),我已经添加了信息.IE还没有接受这个问题.
如果还有人们可以想到的任何其他解决方案,那将是很好听的.完全删除结束标记,渲染它们,然后重新添加它们work-ish(显示可见闪烁),但不幸的是在我的应用程序中是不可接受的.
这个让我难过 - 我的页面上有一个绝对位置的元素,在一个相对位置的容器内.在除IE7之外的所有浏览器中,它出现在正确的位置,完全没有问题.
在IE7中,直到我在开发人员工具栏的"属性"选项卡中添加或编辑其任何CSS属性(即使与其可见性或位置无关的属性等color),该元素才会出现.一旦我这样做,它就会正确显示 - 如果我删除刚刚添加的属性(或撤消修改),甚至仍然可见!
这必须是一个IE7特定的显示问题,但我不能想出办法解决它-我已经抛出float,zoom等它都无济于事.