Creating static popup in OpenLayers that contains HTML content? The 2019 Stack Overflow Developer Survey Results Are In Unicorn Meta Zoo #1: Why another podcast? Announcing the arrival of Valued Associate #679: Cesar ManaraExport from GIS to static html clickable hypermap?OpenLayers Show message (Information message or Alert )(or HTML content)on the mapAdding HTML popup in exported PDF map?HTML Popup Database ActionsProblem creating a popup in mobile OpenLayersCreating static popup that displays local web page?Popup that contains feature type details from geoserverHow can I include HTML in a Folium Marker popup?Accessing HTML using jQuery within LeafletJS popup.leaflet search control not showing up in geodjango app
Identify 80s or 90s comics with ripped creatures (not dwarves)
How to politely respond to generic emails requesting a PhD/job in my lab? Without wasting too much time
Why doesn't a hydraulic lever violate conservation of energy?
Did the new image of black hole confirm the general theory of relativity?
Is an up-to-date browser secure on an out-of-date OS?
What do I do when my TA workload is more than expected?
What is the padding with red substance inside of steak packaging?
Is there a way to generate uniformly distributed points on a sphere from a fixed amount of random real numbers per point?
Working through the single responsibility principle (SRP) in Python when calls are expensive
Can the DM override racial traits?
60's-70's movie: home appliances revolting against the owners
What can I do if neighbor is blocking my solar panels intentionally?
Using dividends to reduce short term capital gains?
Can we generate random numbers using irrational numbers like π and e?
How did the audience guess the pentatonic scale in Bobby McFerrin's presentation?
My body leaves; my core can stay
How to support a colleague who finds meetings extremely tiring?
Python - Fishing Simulator
Is it ethical to upload a automatically generated paper to a non peer-reviewed site as part of a larger research?
Drawing arrows from one table cell reference to another
US Healthcare consultation for visitors
Button changing its text & action. Good or terrible?
Can withdrawing asylum be illegal?
Sub-subscripts in strings cause different spacings than subscripts
Creating static popup in OpenLayers that contains HTML content?
The 2019 Stack Overflow Developer Survey Results Are In
Unicorn Meta Zoo #1: Why another podcast?
Announcing the arrival of Valued Associate #679: Cesar ManaraExport from GIS to static html clickable hypermap?OpenLayers Show message (Information message or Alert )(or HTML content)on the mapAdding HTML popup in exported PDF map?HTML Popup Database ActionsProblem creating a popup in mobile OpenLayersCreating static popup that displays local web page?Popup that contains feature type details from geoserverHow can I include HTML in a Folium Marker popup?Accessing HTML using jQuery within LeafletJS popup.leaflet search control not showing up in geodjango app
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I would like to create a static popup using openLayers 2.11 which is always in the lower-right corner of the screen and appears on map load. The idea behind this is to have a logo for my school always appear. I already have a marker layer setup. Maybe I am approaching this incorrectly.
I have tried using some of the examples on the OpenLayers website regarding anchored popups with no luck.
The contents of the popup are as follows:
<div id="cube" style="width: 100%; height: 100%; background-color-#575757;">
<link rel="stylesheet" type="text/css" href="css/cube.css">
<div class="wrap">
<div class="cube">
<div class="front">front</div>
<div class="back">back</div>
<div class="top">top</div>
<div class="bottom">bottom</div>
<div class="left">left</div>
<div class="right">right</div>
</div>
</div>
openlayers-2 html
add a comment |
I would like to create a static popup using openLayers 2.11 which is always in the lower-right corner of the screen and appears on map load. The idea behind this is to have a logo for my school always appear. I already have a marker layer setup. Maybe I am approaching this incorrectly.
I have tried using some of the examples on the OpenLayers website regarding anchored popups with no luck.
The contents of the popup are as follows:
<div id="cube" style="width: 100%; height: 100%; background-color-#575757;">
<link rel="stylesheet" type="text/css" href="css/cube.css">
<div class="wrap">
<div class="cube">
<div class="front">front</div>
<div class="back">back</div>
<div class="top">top</div>
<div class="bottom">bottom</div>
<div class="left">left</div>
<div class="right">right</div>
</div>
</div>
openlayers-2 html
add a comment |
I would like to create a static popup using openLayers 2.11 which is always in the lower-right corner of the screen and appears on map load. The idea behind this is to have a logo for my school always appear. I already have a marker layer setup. Maybe I am approaching this incorrectly.
I have tried using some of the examples on the OpenLayers website regarding anchored popups with no luck.
The contents of the popup are as follows:
<div id="cube" style="width: 100%; height: 100%; background-color-#575757;">
<link rel="stylesheet" type="text/css" href="css/cube.css">
<div class="wrap">
<div class="cube">
<div class="front">front</div>
<div class="back">back</div>
<div class="top">top</div>
<div class="bottom">bottom</div>
<div class="left">left</div>
<div class="right">right</div>
</div>
</div>
openlayers-2 html
I would like to create a static popup using openLayers 2.11 which is always in the lower-right corner of the screen and appears on map load. The idea behind this is to have a logo for my school always appear. I already have a marker layer setup. Maybe I am approaching this incorrectly.
I have tried using some of the examples on the OpenLayers website regarding anchored popups with no luck.
The contents of the popup are as follows:
<div id="cube" style="width: 100%; height: 100%; background-color-#575757;">
<link rel="stylesheet" type="text/css" href="css/cube.css">
<div class="wrap">
<div class="cube">
<div class="front">front</div>
<div class="back">back</div>
<div class="top">top</div>
<div class="bottom">bottom</div>
<div class="left">left</div>
<div class="right">right</div>
</div>
</div>
openlayers-2 html
openlayers-2 html
edited Apr 7 at 8:12
PolyGeo♦
53.9k1782246
53.9k1782246
asked Mar 14 '14 at 23:09
GIS StudentGIS Student
64314
64314
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
If the position of logo is static and not feature-dependent, then you don't need a popup. You can use an ordinary div element positioned over the map (just make sure that the CSS z-index is high enough, more than 1000), or put the HTML content in markers layer 'attribution' property and add the following CSS rule:
.olControlAttribution
right: 0px;
bottom: 0px;
to place the content in lower-right corner of the map.
Thank you for your response Michal! I have tried setting up another div for the content, however, I have been unable to get it positioned over the map div. Can you provide me with an example I could use? Any help is greatly appreciated.
– GIS Student
Mar 16 '14 at 0:33
A quick-and-dirty example: jsfiddle.net/jL8bD This is a div with some content (image+text) placed in upper-right corner of the map. The z-index value of 1000 might be not enough for a more complex map with many layers, play with Firebug or Chrome Dev Tools to figure out a right z-index for your application.
– Michal Mackiewicz
Mar 17 '14 at 9:14
Michal's answer link is perfect! Thank you for solving my problem!
– GIS Student
Mar 24 '14 at 19:39
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "79"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgis.stackexchange.com%2fquestions%2f89788%2fcreating-static-popup-in-openlayers-that-contains-html-content%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
If the position of logo is static and not feature-dependent, then you don't need a popup. You can use an ordinary div element positioned over the map (just make sure that the CSS z-index is high enough, more than 1000), or put the HTML content in markers layer 'attribution' property and add the following CSS rule:
.olControlAttribution
right: 0px;
bottom: 0px;
to place the content in lower-right corner of the map.
Thank you for your response Michal! I have tried setting up another div for the content, however, I have been unable to get it positioned over the map div. Can you provide me with an example I could use? Any help is greatly appreciated.
– GIS Student
Mar 16 '14 at 0:33
A quick-and-dirty example: jsfiddle.net/jL8bD This is a div with some content (image+text) placed in upper-right corner of the map. The z-index value of 1000 might be not enough for a more complex map with many layers, play with Firebug or Chrome Dev Tools to figure out a right z-index for your application.
– Michal Mackiewicz
Mar 17 '14 at 9:14
Michal's answer link is perfect! Thank you for solving my problem!
– GIS Student
Mar 24 '14 at 19:39
add a comment |
If the position of logo is static and not feature-dependent, then you don't need a popup. You can use an ordinary div element positioned over the map (just make sure that the CSS z-index is high enough, more than 1000), or put the HTML content in markers layer 'attribution' property and add the following CSS rule:
.olControlAttribution
right: 0px;
bottom: 0px;
to place the content in lower-right corner of the map.
Thank you for your response Michal! I have tried setting up another div for the content, however, I have been unable to get it positioned over the map div. Can you provide me with an example I could use? Any help is greatly appreciated.
– GIS Student
Mar 16 '14 at 0:33
A quick-and-dirty example: jsfiddle.net/jL8bD This is a div with some content (image+text) placed in upper-right corner of the map. The z-index value of 1000 might be not enough for a more complex map with many layers, play with Firebug or Chrome Dev Tools to figure out a right z-index for your application.
– Michal Mackiewicz
Mar 17 '14 at 9:14
Michal's answer link is perfect! Thank you for solving my problem!
– GIS Student
Mar 24 '14 at 19:39
add a comment |
If the position of logo is static and not feature-dependent, then you don't need a popup. You can use an ordinary div element positioned over the map (just make sure that the CSS z-index is high enough, more than 1000), or put the HTML content in markers layer 'attribution' property and add the following CSS rule:
.olControlAttribution
right: 0px;
bottom: 0px;
to place the content in lower-right corner of the map.
If the position of logo is static and not feature-dependent, then you don't need a popup. You can use an ordinary div element positioned over the map (just make sure that the CSS z-index is high enough, more than 1000), or put the HTML content in markers layer 'attribution' property and add the following CSS rule:
.olControlAttribution
right: 0px;
bottom: 0px;
to place the content in lower-right corner of the map.
answered Mar 15 '14 at 9:02
Michal MackiewiczMichal Mackiewicz
94968
94968
Thank you for your response Michal! I have tried setting up another div for the content, however, I have been unable to get it positioned over the map div. Can you provide me with an example I could use? Any help is greatly appreciated.
– GIS Student
Mar 16 '14 at 0:33
A quick-and-dirty example: jsfiddle.net/jL8bD This is a div with some content (image+text) placed in upper-right corner of the map. The z-index value of 1000 might be not enough for a more complex map with many layers, play with Firebug or Chrome Dev Tools to figure out a right z-index for your application.
– Michal Mackiewicz
Mar 17 '14 at 9:14
Michal's answer link is perfect! Thank you for solving my problem!
– GIS Student
Mar 24 '14 at 19:39
add a comment |
Thank you for your response Michal! I have tried setting up another div for the content, however, I have been unable to get it positioned over the map div. Can you provide me with an example I could use? Any help is greatly appreciated.
– GIS Student
Mar 16 '14 at 0:33
A quick-and-dirty example: jsfiddle.net/jL8bD This is a div with some content (image+text) placed in upper-right corner of the map. The z-index value of 1000 might be not enough for a more complex map with many layers, play with Firebug or Chrome Dev Tools to figure out a right z-index for your application.
– Michal Mackiewicz
Mar 17 '14 at 9:14
Michal's answer link is perfect! Thank you for solving my problem!
– GIS Student
Mar 24 '14 at 19:39
Thank you for your response Michal! I have tried setting up another div for the content, however, I have been unable to get it positioned over the map div. Can you provide me with an example I could use? Any help is greatly appreciated.
– GIS Student
Mar 16 '14 at 0:33
Thank you for your response Michal! I have tried setting up another div for the content, however, I have been unable to get it positioned over the map div. Can you provide me with an example I could use? Any help is greatly appreciated.
– GIS Student
Mar 16 '14 at 0:33
A quick-and-dirty example: jsfiddle.net/jL8bD This is a div with some content (image+text) placed in upper-right corner of the map. The z-index value of 1000 might be not enough for a more complex map with many layers, play with Firebug or Chrome Dev Tools to figure out a right z-index for your application.
– Michal Mackiewicz
Mar 17 '14 at 9:14
A quick-and-dirty example: jsfiddle.net/jL8bD This is a div with some content (image+text) placed in upper-right corner of the map. The z-index value of 1000 might be not enough for a more complex map with many layers, play with Firebug or Chrome Dev Tools to figure out a right z-index for your application.
– Michal Mackiewicz
Mar 17 '14 at 9:14
Michal's answer link is perfect! Thank you for solving my problem!
– GIS Student
Mar 24 '14 at 19:39
Michal's answer link is perfect! Thank you for solving my problem!
– GIS Student
Mar 24 '14 at 19:39
add a comment |
Thanks for contributing an answer to Geographic Information Systems Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgis.stackexchange.com%2fquestions%2f89788%2fcreating-static-popup-in-openlayers-that-contains-html-content%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown