
<!-- add some keywork for github search  -->
# IKRMAP

IKRMAP Map is a simple web application that allows users to explore interactive maps and find points of interest.

## Features

- Explore interactive maps
- Search for specific locations
- View points of interest
- Zoom in and out for detailed exploration
- Default viwe to see the  whole world or focus on a particular region.
- Customize map Width and Height 
- Default Zoom 
- Default latitude and  Longitude (center point)
- Customizable map marker and popup  text
- Add custom markers 
- Add Custom marker detail  popups
- Add Default Url s that can be opened when clicking on links in popups
- Save current view as default view
- Edit marker popup text  directly from map
- Delete a marker or marker popup on click the marker you want

## Technologies Used

- HTML
- CSS
- JavaScript
- PHP
- Leaflet.js (for map rendering)
- Mapbox API (for map data)

## Getting Started

To get started with ikrMap, simply install this plugin in your wordpress directory  and follow these steps:

1. Install Wordpress if not already installed.
2. Navigate to your WordPress plugins installation page.
3. Click "Add New Plugin" button.
4. Click "upload Plugin" button and select `ikrmap.zip` file.
5. After uploading is complete, click "Install Now" button.
6. Once installed, activate the plugin through the 'Installed Plugins' page in WordPress.
7. Open any post/page where you have added shortcode `[IKRMAP]`
8. You will now see an embedded map on your webpage!

## Add Custom Marker 
You can add new markers by using following steps: 
1. Add Longitude Longitude and other detail and  save it.



   ## Edit The Map Detail 
  

   You can edit all details about the map by going into the Leaflet Map -> Edit -> Visual  tab. Here you can change the following settings : 
 
   
   1. Go to Dashboard -> leaflet map -> Add-New-Map
   2. Click on "Add New Marker".
   3. After Click on "Add New Marker"  Button Now You can click anyWhere  On The Map To Place A Marker.
   4. To fill Marker Detail you Can see a Popup Window Show on Top Right Corner you Can Enter All Details Of Your Marker Like Popup Text , Lat & Lng .
   5. Now Click on Save Marker button to save The Marker.
   6. After saving the map Use The Shortcode "[leaflet_map] any where your website like page or post.
## CHANGE MARKER POSITION
You can change the position of a marker using the following method:
  - step 1 jsut drag the marker  from the map to the desired location.
  - Step 2 Add the Latitude and Longitude of that place in the input field provided below the map click the update button.


  ## EASY EDIT
    You can easily customize the marker position detail  using the provided fields in the 

    popup that appears when Click on The marker you can see Two button "Edit" and "Delete"

    If you Click the Edit button Then show a popup window  which contain all information 
    
    of that marker.You Can Change Any Information There And Click The Update button to 
    save the change. 
## Delete 
If you change your mind to delete the marker then you can  easily do it from here just click the marker it open a popup you just click "Delete" button to delete The  marker from the map? 

## Dashbord 
The dashboard is indecate that  you can click on it to view more information about a location or zoom into a particular area. 

The dashboard is where you can interact with the application. It includes: 
1.You can add the default latitude to view the map at that location when the page loads.

2. default map zoom  level. You can use this feature to view different areas on the map by changing the zoom level.

 If you Want to Edit the Map marker or Default View  details.
   You can edit the map details by following these steps:
   1. Go to -> leaflet map -> Dashboard.
   2. On this page you can see default latitude, default longitude. Add your default map latitude, longitude view to the center point. "Latitude & Longitude": These set the center of the map.
   3. "Default Zoom"  This sets the zoom level of the map when it first loads.
      
  4. "Width & Height"  Set the width and height for the map on font end.
  5. "Default URL" Default url for maps. Values can include any link such as your website link. You can also change this for each map url. 










## work  with me!
add data attribut to the edit button to get the exect match of the marker to featch and edit the data from db.

1. add edit functionality
2. style the map 
3. summarize the map 
4. add link to the map  in a button.
5 add email  and phone number on the website. 
6. make sure that all links are clickable 
7.add the primary view of the map 
8. Add zoom controls to allow users to interactively explore the map at different levels of detail</s>



add automaticly row in the bd 

14 march  2024
show the input fild in right cornner 
add short code 
style the map 
and check error