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;








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>









share|improve this question






























    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>









    share|improve this question


























      0












      0








      0


      1






      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>









      share|improve this question
















      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






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Apr 7 at 8:12









      PolyGeo

      53.9k1782246




      53.9k1782246










      asked Mar 14 '14 at 23:09









      GIS StudentGIS Student

      64314




      64314




















          1 Answer
          1






          active

          oldest

          votes


















          0














          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.






          share|improve this answer























          • 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











          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
          );



          );













          draft saved

          draft discarded


















          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









          0














          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.






          share|improve this answer























          • 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















          0














          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.






          share|improve this answer























          • 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













          0












          0








          0







          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.






          share|improve this answer













          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.







          share|improve this answer












          share|improve this answer



          share|improve this answer










          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

















          • 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

















          draft saved

          draft discarded
















































          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.




          draft saved


          draft discarded














          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





















































          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







          Popular posts from this blog

          Crop image to path created in TikZ? Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)Crop an inserted image?TikZ pictures does not appear in posterImage behind and beyond crop marks?Tikz picture as large as possible on A4 PageTransparency vs image compression dilemmaHow to crop background from image automatically?Image does not cropTikzexternal capturing crop marks when externalizing pgfplots?How to include image path that contains a dollar signCrop image with left size given

          រឿង រ៉ូមេអូ និង ហ្ស៊ុយលីយេ សង្ខេបរឿង តួអង្គ បញ្ជីណែនាំ

          Ромео және Джульетта Мазмұны Қысқаша сипаттамасы Кейіпкерлері Кино Дереккөздер Бағыттау мәзірі