I'm trying to use the mobile version of openlayer, unfortunately I could not use framedcloud in it, I could only create a square popup does not look very aesthetic, besides the main need is to identify from a cloud of the associated data points so the popup square is not useful and less use jquery or another library..
The way we achieve using the square was import popup popup openlayers library, but the trick did not work with framedcloud (firebug says "OpenLayers.Popup.FramedCloud is not a constructor")
.... ..... function putPopup(x, y, html,map) { // alert("popup1"+x+" "+y+" "+html) map.setCenter(new OpenLayers.LonLat(x, y)); if (popup) { map.removePopup(popup); } // this.popup = new OpenLayers.Popup("chicken", // new OpenLayers.LonLat(x, y), null, html, null, true); //-------------------------Fail------------------------------------- //popup = new OpenLayers.Popup("chicken", // new OpenLayers.LonLat(x, y), // new OpenLayers.Size(120,50), // html, // true); //-------------------------Fail------------------------------------- popup = new OpenLayers.Popup.FramedCloud("Popup", new OpenLayers.LonLat(x, y), null, html, null, true //
The way we achieve using the square was import popup popup openlayers library, but the trick did not work with framedcloud (firebug says "OpenLayers.Popup.FramedCloud is not a constructor")
.... ..... function putPopup(x, y, html,map) { // alert("popup1"+x+" "+y+" "+html) map.setCenter(new OpenLayers.LonLat(x, y)); if (popup) { map.removePopup(popup); } // this.popup = new OpenLayers.Popup("chicken", // new OpenLayers.LonLat(x, y), null, html, null, true); //-------------------------Fail------------------------------------- //popup = new OpenLayers.Popup("chicken", // new OpenLayers.LonLat(x, y), // new OpenLayers.Size(120,50), // html, // true); //-------------------------Fail------------------------------------- popup = new OpenLayers.Popup.FramedCloud("Popup", new OpenLayers.LonLat(x, y), null, html, null, true //