Title: OpenLayers, when specifying a style for layer, firefox doesnt render
Tags: javascript;google-maps;geolocation;openlayers
Question: When I specify the style attribute to the vector layer, firefox does not render the vectors on that layer.
To test this, just execute the included javascript and html page.
You'll see an EditingToolbar on the top right corner, try to draw a LineString with it using firefox.
What you'll discover is that the LineStrings do not appear on the nelsonwalter@example.org.
Try to remove the styleMap attribute from the vectors layer and everything will work correctly.
If you know the reason for this problem, please let me know.
Thank you for your time and help in advance.
Also, you'll have to use your own OpenLayers library and link up to it from the html page.
Personally I'm using the latest version from GitHub because the other versions have another annoying bug:
There's a  dialogue from google maps poping up constantly.
function initialize(){
new Map();
function Map(){
this.map;
this.editing_toolbar;
this.vectors;
this.epsg900913 = new OpenLayers.Projection('EPSG:900913');
this.epsg4326 = new OpenLayers.Projection('EPSG:4326');
this.line_control;
this.renderer;
this.line_control,this.renderer=OpenLayers.Util.getParameters(window.location.href).renderer;
this.renderer= (this.renderer) ? [this.renderer] : OpenLayers.Layer.Vector.prototype.renderers;
// Create the map object
this.map = new OpenLayers.Map('map');
//Create a Google layer
var gmap = new OpenLayers.Layer.Google(
"Google Streets", // the default
{
numZoomLevels: 30,
projection: new OpenLayers.Projection("EPSG:900913")
}
);
var my_style=new OpenLayers.StyleMap({
"default":new OpenLayers.Style({
strokeWidth:5,
fillColor:"1484e6",
strokeColor:"1484e6"
}),
"select":new OpenLayers.Style({
fillColor:"e39119",
strokeColor:"e39119"
})
});
this.vectors= new OpenLayers.Layer.Vector(
"Vector Layer",
{styleMap:my_style,
renderers:this.renderer
}
);
this.map.addLayers([gmap,this.vectors]);
this.editing_toolbar=new OpenLayers.Control.EditingToolbar(this.vectors);
this.map.addControl(this.editing_toolbar);
this.map.addControl(new OpenLayers.Control.LayerSwitcher());
this.map.addControl(new OpenLayers.Control.MousePosition());
this.map.setCenter(new OpenLayers.LonLat(-123.12, 49.28).transform(this.epsg4326, this.epsg900913), 13);
<html&gt;
<head&gt;
<title&gt;OpenLayers: Google Layer Example</title&gt;
<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyAt66skA87gnWvy7UQl065zFaFHNXJiBc4&amp;sensor=false"&gt;</script&gt;
<script type="text/javascript" src="/static/open_layers/lib/OpenLayers.js"&gt;</script&gt;
<script type="text/javascript" src="/static/firefox_bug.js"&gt;</script&gt;
</head&gt;
<body onload="initialize()"&gt;
<div id="map"   class="smallmap"&gt;</div&gt;
</body&gt;
</html&gt;
Comment: provide that as an answer and receive the credit :-)

Comment: its the most simple thing ever.
The answer is that 1484e6 is not a color, however #1484e6 is a color.



{'source': 'StackExchangeDataset', 'subset': 'stackoverflow.com', 'metadata': {'AnswerCount': 0, 'CommentCount': 2, 'ContentLicense': 'CC BY-SA 3.0', 'CreationDate': '2012:00:07/17/12', 'FavoriteCount': None, 'PostTypeId': 1, 'Tags': '<javascript><google-maps><geolocation><openlayers>', 'Title': 'OpenLayers, when specifying a style for layer, firefox doesnt render', 'ViewCount': 473, 'id': 11525266, 'user_AboutMe': None, 'user_AccountId': 1664408.0, 'user_DisplayName': 'user1532127', 'user_Reputation': 1.0, 'user_Views': 2.0, 'user_id': 1532127.0}}