My first Geo Location program using Leaflet JS

Hi folks,

Today I am going to explain writing an geo location HTML page with Leaflet JS.

You can find my program in my GIST GitHub List

https://gist.github.com/psrdotcom/85c56bc2ffaadb254e63bde2b3b162d5

Procedure

• Make the empty HTML page with HTML, HEAD, BODY tags
• Place the CSS link first in HEAD tag
• "https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
• After CSS, paste the Leaflet JS file reference
• "https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"
• In BODY, create a DIV tag specifying the ID attribute and height and width style attributes
• id="mapid" style="width: 600px; height: 400px;"
• Get lat (Latitude) and long (Longitude) of your own choice of location.
• Take latlong reference from https://www.mapcoordinates.net/en
• Use map setView to set the location with latlong and zoom level
• var mymap = L.map('mapid').setView([17.496380,78.393175], 15);
• Make a marker with popup using marker and bindPopup functions
• var marker = L.marker([17.496380,78.393175]).addTo(mymap);
• marker.bindPopup("Hello !! This is JNTU, Hyderabad, India campus.").openPopup();
• Open your HTML page in any compatible browser
• You should be able to view your map with specified location and control the map with zoom out and zoom in capabilities.

Please send your feedback and comments to psrdotcom@gmail.com

Windows: Find which port is getting used/mapped by which process/program with details from task manager

Hi friends,

Today, I have come across with a situation of finding the port-program mapping.

Procedure

• Open command prompt
• Enter the following command
• Syntax: netstat -aon | find ":"
• Example: netstat -aon | find ":80"
• Get the PID (Process Id) from the list

• Execute the following command
• Syntax: tasklist "PID eq "
• Example: tasklist "PID eq 9192"

Please send your queries and feedback to psrdotcom@gmail.com

Create Hyperlink to the part of the image in HTML using AREA tag

Hi everyone,

Its been a long time that I have been posted a new one. This time I would like share with you the information to create or make some part of the image as hyperlink.

Source:
<img src="image.jpg" usemap="#areal" />
<map name="areal">
<area shape="rect" coords="0,0,50,50" href="http://www.pillisureshraju.info/" target="_blank"></area>
</map>

Important values to observe:
image.jpg -- Image name
areal -- map area name
rect -- Shape type
0,0,50,50 -- x1,y1,x2,y2 coordinates of the shape
href -- hyperlink reference

Now, the hyperlink is been created for your image with the specified coordinates.

Please send your comments and feedback to psrdotcom@gmail.com