walkermatt / ol-popup

OpenLayers popup overlay

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

popup-closer looks cryptic

amr66 opened this issue · comments

Hi matt,
wonderfull extensions you made! Just played aroung with ol3 for the first time and first missings were popups and layer-switcher!
Now, with popup is have no cross to close, but get a cryptic "âoe--"
Is that "sign" font-specific?

Hi, it's possible that you don't have a font with that character. Can you try a couple of things:

  1. View the hosted example and see if the close icon displays as expected (as a cross)
  2. Try updating you local copy of the CSS so to use a character code instead of the literal character. (At line 52 of src/ol3-popup.css replace content: "✖"; with content: "\2716";

Thank you,

  1. changing to an x does work
  2. didn't try \2716
    2b:
    <meta charset="utf-8"> was missing in my <head> :-)

Sounds like you've fixed it 😄.

Did you clone the repository, download a zip or copy and paste the text from GitHub? If it was copy and paste then I'm guessing the file you pasted into might not of been encoded in Unicode.

the main joke was not shown in 2b ...:weary:
I should know markdown better!
Yes i fixed it, it was my own html, where the meta tag was missing.

i suggest using @charset "utf-8"; in the first line of ol3-popup.css.
Browsers will accept utf-8 characters then.

+1