scottdejonge / map-icons

An icon font for use with Google Maps API and Google Places API using SVG markers and icon labels
http://map-icons.com/
MIT License
1.05k stars 198 forks source link

Labels don't work #21

Closed fluke closed 9 years ago

fluke commented 9 years ago

Can't seem to get the labels to show. Searching the DOM I can't find the label: '<i class="map-icon-parking"></i>' that was set.

makketagg commented 9 years ago

@kartikluke, can you give source code - i had some problems with labels

tintoverano commented 9 years ago

hi,

label is not shown for me neither and I get this error too:

Uncaught TypeError: undefined is not a function (program):1 
rT                                              (program):1
(anonymous function)                            maps.gstatic.com/maps-api-v3/api/js/20/3/main.js:15 
(anonymous function)                            maps.gstatic.com/maps-api-v3/api/js/20/3/main.js:45

commenting out the label section there's no error

label: '<i class="map-icon-walking"></i>'

I'm using the package in Meteor

thanks,

tinto

c9dd commented 9 years ago

Same issue here

phonofidelic commented 9 years ago

Had the same problem initially. You need to make sure too include the css styling of the marker-label and marker-icon classes in. This should be made in your main css file:

.marker-label,
.marker-icon {
    z-index: 99;
    position: absolute;
    display: block;
    margin-top: -50px;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    font-size: 30px !important;
    text-align: center;
    color: #FFFFFF;
    white-space: nowrap;
}

and styled to preference Hope this helps!

scottdejonge commented 9 years ago

Fixed in v3.0.0

kontrol commented 8 years ago

@tintoverano, How exactly did you get the package to work in meteor? I didn't see any packages in atmosphere or did I miss it?