New Landing › How can we help? › Themeforest Theme Support › Dante › Retina Map Pin Icon

Viewing 3 posts - 1 through 3 (of 3 total)
  • Back to forum
    Posted in: Dante
  • March 21, 2014 at 4:29 pm #59752
    hallmarkpartners.com
    Member
    Post count: 1

    The map pin icon only appears correctly if 150 px x 75 px. However, it pixelates on Retina devices.

    What do I need to change to display a 300 x 150 map pin at 150 x 75?

    http://naihallmark.com/pages/contact/

    March 22, 2014 at 2:27 pm #59882
    hallmarkpartners.com
    Member
    Post count: 1

    Found an answer, navigate to:

    /wp-content/themes/dante/js/functions.js

    edit Map Section, roughly line 2600 to read:

    // ADD MARKER AFTER 1 SECOND
    jQuery(mapContainer).appear(function() {
    setTimeout(function() {
    if (pinLogoURL) {
    var companyLogo = new google.maps.MarkerImage(pinLogoURL, null, null, null,
    new google.maps.Size(150,75),
    new google.maps.Point(0,0),
    new google.maps.Point(75,75)
    );

    The important part to add is null, null, null, as this allows you to upload a @2x resolution image for the pin marker image.

    March 23, 2014 at 4:15 pm #60010
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Thanks @hallmarkpartners.com for the solution!

    – Kyle

  • Back to forum
    Posted in: Dante
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register