openlayers在firefox中的问题

问题描述

我把openlayers中的案例copy出来修改后执行了一下,在ie中没有任何问题,各种好使。换到firefox中就出现openlayers.Styleisnotaconstructor、openlayers.requestisundefined等错误,请问这是怎么回事儿?以下是代码<htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>OpenLayersStyleMap</title><linkrel="stylesheet"href="theme/default/style.css"type="text/css"/><linkrel="stylesheet"href="style.css"type="text/css"/><scriptsrc="lib/OpenLayers.js"></script><scripttype="text/javascript">varmap;functioninit(){map=newOpenLayers.Map('map');varwms=newOpenLayers.Layer.WMS("OpenLayersWMS","http://vmap0.tiles.osgeo.org/wms/vmap0",{layers:'basic'});//Create50randomfeatures,andgivethema"type"attributethat//willbeusedtostylethembysize.varfeatures=newArray(50);for(vari=0;i<features.length;i++){features[i]=newOpenLayers.Feature.Vector(newOpenLayers.Geometry.Point((360*Math.random())-180,(180*Math.random())-90),{type:5+parseInt(5*Math.random())});}//CreateastyleMaptostyleyourfeaturesfortwodifferent//renderintents.Thestyleforthe'default'renderintentwill//beappliedwhenthefeatureisfirstdrawn.Thestyleforthe//'select'renderintentwillbeappliedwhenthefeatureis//selected.varmyStyles=newOpenLayers.StyleMap({"default":newOpenLayers.Style({pointRadius:"${type}",//sizedaccordingtotypeattributefillColor:"#ffcc66",strokeColor:"#ff9933",strokeWidth:2,graphicZIndex:1}),"select":newOpenLayers.Style({fillColor:"#66ccff",strokeColor:"#3399ff",graphicZIndex:2})});//Createavectorlayerandgiveityourstylemap.varpoints=newOpenLayers.Layer.Vector("Points",{styleMap:myStyles,rendererOptions:{zIndexing:true}});points.addFeatures(features);map.addLayers([wms,points]);//Createaselectfeaturecontrolandaddittothemap.varselect=newOpenLayers.Control.SelectFeature(points,{hover:true});map.addControl(select);select.activate();map.setCenter(newOpenLayers.LonLat(0,0),1);}</script></head><bodyonload="init()"><h1id="title">StyleMapExample</h1><divid="tags"></div><pid="shortdesc">ShowshowtouseaStyleMaptostylefeatureswithrulebasedstyling.AstylemapreferencesonormoreOpenLayers.Styleobjects.TheseOpenLayers.StyleobjectsarecollectionsofOpenLayers.Ruleobjectsthatdeterminehowfeaturesarestyled.AnOpenLayers.RuleobjectcombinesanOpenLayers.Filterobjectwithasymbolizer.Afilterisusedtodeterminewhetheraruleappliesforagivenfeature,andasymbolizerisusedtodrawthefeatureiftheruleapplies.</p><divid="map"class="smallmap"></div><divid="docs"><p>Astylemapisusedwithvectorlayerstodefinestylesforvariousrenderingintents.Thestylemapusedherehasstylesdefinedforthe"default"and"select"renderingintents.Thismapalsohasanactiveselectfeaturecontrol.Whenyouhoveroverfeatures,theyareselectedanddrawnwiththestylecorrespondingthethe"select"renderintent.</p></div></body></html>

解决方案

解决方案二:
接分走人

时间: 2024-10-13 20:07:49

openlayers在firefox中的问题的相关文章

Javascript在IE和FireFox中的不同表现

javascript 1. 对象问题 1.1 Form对象 现有问题:现有代码这获得form对象通过document.forms("formName"),这样使用在IE 能接受,MF 不能.解决方法:改用 作为下标运算.改为document.forms["formName"]备注上述的改用 作为下标运算中的formName是id而name 1.2 HTML对象 现有问题:在 IE 中,HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用.在

解决 Chrome/Firefox 中 Sans-serif 字体显示的问题

用上 Mac 之后,喜欢上了一种字体--"雅痞-简"(Yuppy SC).于是在 Chrome 与 Firefox 中将 Sans-serif 字体设置为 Yuppy SC,却发现在 Chrome 中能正常显示,在 Firefox 中不能正常显示.这篇文章分享的就是如何解决这个字体显示问题. 英文版 Chrome 中的字体设置: 英文版 Firefox 中的字体设置: 这样设置之后,Chrome 中显示正常,下面就是"雅痞-简"的显示效果:

firefox中div+css的外层背景色不见的解决方法

 代码如下: <div class="header"> <div class="header_left">header_left</div> <div class="header_right">header_right</div> </div> .header{width:1000px;background:red;} .header .header_left{width:6

在Firefox中使用Chrome的优秀功能

互联网正因为谷歌浏览器带来的创新特性而兴奋不已,在我们的速度测试中,两者没有明显的差距,因此您的选择可能完全依赖于功能.除了少数特定的功能 (诸如 进程管理),谷歌浏览器的很多优秀特性已经可以在Firefox3上实现,这再次显示了Firefox强大的扩展能力.从隐身浏览.精简的下载管理到网址 高亮和改进的搜索,让我们看看如果将谷歌浏览器的优秀特性带入Firefox. Stealther 开启隐身浏览模式 谷歌浏览器的隐身浏览功能让你可以浏览各种网站而不在电脑上留下任何历史痕迹.Firefox中,

IE与FireFox中的childNodes区别_javascript技巧

Javascript中,相信大家都试过用getElementsByTagName和childNodes来实现对节点的遍历.但是 getElementsByTagName对复杂的DOM结构遍历明显不如用childNodes,因为childNodes能更好的处理DOM的层次结构,建议在需要进行了遍历时首先使用childNodes!! 但是不幸的是,在IE和FireFox中childNodes有点细微的差别: 复制代码 代码如下: <head> <script type="text/

javaScript在firefox中出现的问题

问题描述 目前我的程序在IE中已无问题,但在javascript中有一部分onfocusin,onfocusout这类的事件.现在firefox中测试发现firefox中不支持onfocusin,onfocusout等.求:IE,Firefox兼容并可替换onfocusin,onfocusout的事件. 解决方案 解决方案二:帮顶解决方案三: 解决方案四:onfocusonblur解决方案五:onblur中ie和firefox中有一定得区别.在ie中可以获取到下一个控件的名称而firefox不行

jsp-同一文件在firefox中的有时刷出不同的样式

问题描述 同一文件在firefox中的有时刷出不同的样式 jsp: stylesheet4.css: @CHARSET "UTF-8"; p { color:darkblue; border: 1px solid lightblue; padding: 2px; font: 14px sans-serif; } p.quote:first-letter { background: darkblue; color: white; font: 55px "Monotype Cor

metronic_v4.5.2在firefox中图标显示问题

问题描述 metronic_v4.5.2在firefox中图标显示问题 在google.IE中图标都能正常显示,可是在firefox中就显示错误,有没有什么解决办法?

firefox中js内嵌iframe不居中 问题

问题描述 top.js 文件document.writeln("<table width="1002" border="0" align="center" cellpadding="0" cellspacing="0">");document.writeln("<iframe frameborder="0" scrolling="