Public Forums 71,145 posts

[djslue Friend djslueJoin date: July 2016Posts: 2Downloads:2Uploads:0]

#955138

Am I able to make custom markers for this ?

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#955575

Yes,

1. add image custom to folder:

modules\mod_jaimagehotspot\assets\images

with name: icon-marker-your_custom_name.png

1. Go to:

   modules\mod_jaimagehotspot\assets\elements\jaimgextrafields\imgextrafields.xml

   Find for:

   <field 
               name="ptype"
               type="list"
               label="JAI_POINT_TYPE"
               description="JAI_POINT_TYPE_DESC">
               <option value="default">Default</option>
               <option value="cloud">Cloud</option>
               <option value="star">Star</option>
               <option value="study">Study</option>
               <option value="truck">Truck</option>
               <option value="bird">Bird</option>
   .....

   Add more option like:

   <option value="your_custom_name">your_custom_name</option>

2. Go to:

   modules/mod_jaimagehotspot/assets/elements/jaimgextrafields/imgextrafields.css

Add these lines:

#jform_params_imgpath_preview_img .ja-marker-your_custom_name {
    background: rgba(0, 0, 0, 0) url("../../../assets/images/icon-marker-your_custom_name.png") repeat scroll 0 0;
}

1. Go to:

   modules/mod_jaimagehotspot/assets/css/style.css

add these lines:

.jai-map-container .ja-marker-your_custom_name {
    background: rgba(0, 0, 0, 0) url("../images/colors/red/icon-marker-your_custom_name.png") repeat scroll 0 0;
}

[djslue Friend djslueJoin date: July 2016Posts: 2Downloads:2Uploads:0]

#955737

I did that, but it is not showing up under point types

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#955988

Hi,

I have updated my answer, please check again

[peppesba Friend peppesbaJoin date: February 2011Posts: 1Downloads:8Uploads:0]

#971901

There is a simplest way according to me (I’ve tested it and all was ok).
You can add your personal icons in "/modules/mod_jaimagehotspot/assets/images/ico" and when you select "Set Icon" in "Point type" during the phase "Add marker" you can see your personal marker in the window that appears. You can select your marker and it will appear in your image.

[Author]

Posts