Marker Cluster With Leaflet

Places to visit in India:

In India there are many beautiful places to visit. Some of them are used here as information on map. In this demo we have shown only famous place in states but we have also show banks, hotels, companies or hospitals etc. and can have their information. This demo gives information of availability of sources around us.

Data Preparation:

Very first task to prepare any map is the data preparation. This demo shows various places in various state in India. For that we downloaded the data from various sites, arranged the images in folders with states name. Prepared one table with column names as States name, Place Name, Latitude, Longitude and Description. The folder name is same as first column of the table. All image names are same as second column of table. This is done so that data can be used in effective way.

Also can check Leaflet Js Plugin Basics Tutorial

Map Preparation:

Map has been shown using Leaflet java Script library. For using MarkerCluster in article added the leaflet Marker cluster plugin, which can be downloaded from https://github.com/Leaflet/Leaflet.markercluster website. getAllChildMarkers returns the array of total markers contained within that cluster.

<script src="leaflet.markercluster-src.js"></script>
<link rel="stylesheet" href="MarkerCluster.css" />
var map = L.map('map').setView([23.259933,77.412615],3);
	var searchLayer ;
	L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
	attribution: '&copy; <a href=”http://osm.org/copyright”>OpenStreetMap</a> contributors'
	}).addTo(map);
var markers = L.markerClusterGroup({
			maxClusterRadius: 120,
			iconCreateFunction: function (cluster) {
				var markers = cluster.getAllChildMarkers();
				var n = 0;
				for (var i = 0; i < markers.length; i++) {
					n += markers[i].number;	
				}
				//console.log("done");
				return L.divIcon({ html: n, className: 'mycluster', iconSize: L.point(40, 40) });
				}
			});
			
			
		for (var i = 0; i < addressPoints.length; i++) {
			
			var a = addressPoints[i];
			var s=a[0];
			//console.log(a);
			var n=a[1];
			var gcon =  L.icon({iconUrl: 'image/'+s+'/'+n+'.JPG', iconSize: [40,40]});
		var title = a[4];
			var marker = L.marker(new L.LatLng(a[2], a[3]),{ icon: gcon });
		marker.bindPopup('<h2>'+n+'</h2><strong>'+s+'</strong><br><img src="image/'+s+'/'+n+'.JPG" height="150" width="300"><br>'+title);
			markers.addLayer(marker);
		}
	map.addLayer(markers);	
		
		
		markers.on('clustermouseover', function(c) {
              var popup = L.popup()
                  .setLatLng(c.layer.getLatLng())
                  .setContent('click to Zoom')
                  .openOn(map);
              })

If you need to add any images or style in cluster icon so you should not add the default CSS. Add the MarkerCluster.css file in your document. Here in popup we have shown place name, image with description.

Marker Cluster map

So its all about Markercluster with Leaflet if you face any problem in implementing this then comment below.

Furthermore, you can check :

Query GIS Data – IGIS Map Tool – Now known as MAPOG

To Query GIS Data easily with IGIS map tool, we can use the Query tool.  A GIS query tool, or selection tool as it is often know, allows us to filter a dataset based on criteria that we define.

Querying in IGIS Map Tool allows user to explore your data with rule based queries. User can discover their features of interest contained within the map by querying. IGIS Map tool allow users to build their own queries that we may not have envisaged when we first created the map. It also query GIS data according to their choice.

Query GIS Data – MapOG Tool

Query tools allow maps users to do more than what the map maker envisioned when they styled the layers. Here are the few steps to be followed for querying the map.

Query GIS data

  • Upload dataset and create a new map project Or Open your existing map project.
  • Or Download GIS data for analysis

Query GIS Data

  • Select the “Query tool” option on the Analysis Section.

  • Select the Layer to query GIS data.

Query GIS Data

All the layers in your map are available in this section, you just need to select the layer in which you want to query in.

  • Confirm a shape i.e. circle , rectangle or polygon to draw a query.

User just need to select the shape and start drawing the shape on the map to query the data. similarly as above image shows the queried data as highlighted which is queried by a rectangle.

  • Click on the Get result button after drawing the shape. You can view the result in as tables and also download them as CSV Format.

Query GIS Data

This is how you can Query GIS Data with the IGIS Map Tool in a minute. Query tools allow maps users to do more than what the map maker envisioned when they styled the layers.

IGIS Map Query Tool can be used in various sectors like Insurance, Banking, Risk Management etc. There are also other query tools available in the market.  mapOG tool however, is a much better choice to Query GIS Data if you want to share your maps with a larger, more distributed audience.

This may help you to Query GIS Data with IGIS Map Tool. If you find any problem in creating one such example do let us know by commenting below.

Convert GeoTIFF to AAIGrid

In this post we are going to discuss that how can we convert GeoTIFF to AAIGrid data format.

GeoTIFF is a public domain standard which allows georeferencing information to be embedded within a TIFF file. GeoTIFF files also includes map projection, coordinate systems and datums data to establish the exact spatial reference for the file.

AAIGrid or Arc/Info ASCII Grid is supported for read and write access, including reading of georeferencing transform and some projections. The projections support is quite limited. It is normally produced with the Arc/Info ASCIIGRID command.

Conversion of GIS data like GeoTIFF to AAIGrid can be so easy with the help of the online conversion tool like MapOG online GeoTIFF to AAIGrid Converter.

IGISMAP to Convert GeoTIFF to AAIGrid

For GeoTIFF to AAIGrid conversion, go to Converter tool, after logging in with your registered email and password from MAPOG. If you are a new user, click the Sign Up button in the Login popup and register to IGISMAP by filling the details.

There are three main steps for using GIS Converter:

  • Upload the data
  • Choose the format to which it should be converted
  • Download the converted file

Step one is to upload the GeoTIFF file which you want to convert. You can upload your file from system or select from the Recent Files.

Converter Tool - Upload GeoTIFF
Upload GeoTIFF

Here we have uploaded the Satellite image of the Mumbai port in GeoTIFF format collected from Google Earth Engine.

Step two is to select the output format from the dropdown for the converted file, in this case its AAIGrid. You can also set the Coordinate Reference System of your preference. As a default CRS will set to WGS 84 (World) [EPSG:4326]. Now Now Click on the Convert File.

Converter Tool - AAIGrid as Output Format
Select AAIGrid as Output Format

After clicking the Convert File button, your GeoTIFF file will be converted to AAIGrid file after a few seconds and will be available for downloading in the Converted Files section of the dashboard.

Download AAIGrid File
Download AAIGrid File

Raster files are currently not available for processing in IGISMAP, thus the output AAIGrid file cannot be visualized in the map canvas. Instead it will be available for download in the Converted Files section.

Converted Files section from the dashboard contains the list of the details of all the conversion done in your account, providing both input and output data available for download their corresponding formats

If you face any problem during implementing this tutorial, please let us know. Feel free to comment in given comment box.

You can also check-

Telecom GIS System

The use of Telecommunication is a necessity for everyone these days. As  a result telecommunication has so much to do with different sectors of technologies. One of those technologies is GIS, GIS plays a major role for telecom industry. Telecom GIS System is an initiative by IGIS Map to provide help for research and analytics of existing socio-economic factors, business processes and operational complexities in Telecommunication industry. It is created to solve the vast area of issues related to GIS for Telecommunication industry.

Check – Locate Junctions, Map available ports in Telecom

Telecom GIS System

It is powerful tool to create maps, integrate information, visualize scenarios, solve complicated problems, present powerful ideas & develop effective solutions. It helps telecom industry personnel recognizes the  opportunities, market trends, threats and patterns.

  • Visualize with Us – Users can locate areas of market trends and growth as they appear. Which can help them in providing time to respond to the situations.
  • Analyze with Us – Users can analyze the test scenarios with GIS tool. They can select and analyze the network performance and fix the issues before they affect services.

Telecom GIS System is offering these 3 modules in its package for the Telecom industry’s benefit.

The Telecom GIS system have the feature to attach documents, spreadsheets, or images to provide users with additional information or required documentation with these modules. The GIS system uses the information technology and GIS for software and data so that it can provide these excellent services to the industry professionals which otherwise may not be possible with tabular format data. 

Telecom GIS System – Issues

Telecommunication industries are striving to add innovations to various aspects such as Plan, Build and Operate because of the growth prospects of the industry. Here are some major problems faced by Telecommunication sector:

  • Capacity Planning
  • Demand Forecasting
  • Personnel Management
  • Market Segmentation
  • Real-time Knowledge Of Network Structure

As we have already discussed these issues in our previous blog, here is the link for more details on Problems Faced by Telecom Industry and the ways in which GIS helps in solving these problems.

Telecom GIS System – Features

This GIS system can help telecommunication industries in various ways. It will enhance the ability of stakeholders to build resilient infrastructure, facilities, distribution, quality of services, security and innovation in business. Its features helps stakeholders to understand the network structure on a near real-time basis, for better capacity planning.

Some of the features of Telecom GIS System are as follows:

  • Location-Based Information

Location is fundamental to all telecommunications services—cable, wireless, and wire-line. Now with Telecom GIS system, quickly discover and access location information from an application on any device, anywhere, anytime.  Most noteworthy the stakeholders can also enable sales and marketing departments to more effectively target their customers or transfer location information to the field technician to resolve problems and issues. The stakeholders can also evaluate the most cost-effective areas and routes for deploying new networks with the location-based information.

  • Field Data Collection

The Field data collection will be made available to all stakeholders through web interface and a mobile application. GIS system provides provides the selective mode of data collection by walk or vehicle mode. The field data collection enhances efficiency of network monitoring activities as this provides the real-time field data information. Field Data collection also helps in decreasing the response time for network recovery on the field. Geographic based work order management.

  • Map Creation and Updation

Map creation of networks was a lot troubled work previously, it used to take more time and man power to create a map of land survey data and lots of drawing skills to map them. Maps are created easily with the help of GIS technology now-a-days. Hence GIS system provides tool to create map in just a minute and can be updated after getting published. No drawing skills is required for creating the map of networks for telecom industry.

The  integrated maps and information can help stakeholders make the better decisions about maintaining and planning the network infrastructure.

  • Query Management and Analysis

Telecom GIS system helps in optimize strategic planning for network expansion, Optimized network routing, cost estimating and jurisdiction with Query management and analysis of the network area. It provides the query and analysis tools to determine optimal network routing between sites to determine optional paths for cable networks applying user defined criteria (i.e. minimum distance, minimum items required). The system also provides web interface with functionality like services, physical and logical tracing. The system can also be able to do analysis of the number of customers affected due to the fault in a network.

  • Conversion of CAD/GIS data sets

This system supports almost every CAD and GIS data. So if the stakeholder wants to convert the CAD/GIS data files into other formats they are free to do so. Conversion of data sets can help users to get the required format of data as output they need.

  • Report generation and designing tools

Report generation is one of the most important feature in the Telecom GIS system. In this system stakeholders can get both the administrative report and the work order report. The user can generate own reports and download the network data. Report generation could help in Outside or inside plant management, query management or the bill of material generation.

Telecom GIS System also offers the designing tool’s functionalities like pan, zoom, identifying features on a map,  measure distance, interactive north arrow, magnification window, overview window, find place, query attribute, search attribute, editing, geo-processing tasks, adding base maps etc.

  • Share and Collaborate

Telecom GIS system allow the stakeholders to collaborate by sharing maps and dashboards that illustrate performance and statuses to support decision-making. It allows the field operations to collect data and communicate with the main officers and similarly enables sales staff to share market forecast maps with network planners. Sharing network data can be very helpful for collaborating in telecom industry. 

Check out video – how to use IGIS Map Tool in Telecom

Telecom GIS System – Uses

    • Identify New Business Opportunities

Telecom Marketing experts can identify the specific areas with the high growth potential businesses by visualization of map. They can determine the areas for the network investment for new businesses with high profit.

    • Mapping potential customers

Telecom industries personnel can visualize the potential customer base by analyzing the best location for network investments. And route for determining the nearing and exceeding capacity networks for  opportunities to reach new customers.

    • Effective Functioning

Real-time data information via maps helps telecom industries analyze real-time progress when establishing new network infrastructure. From this information they can understand manage the progress quickly and efficiently to reduce the time to market.

Telecom GIS System helps identify relations between potential customer’s location and the organization’s marketing region. Telecom sector can use this GIS system for getting information details similar to customer’s demography, location, lifestyle, business behavior and managing organization’s marketing strategy, promotional events or Maximizing the effectiveness of strategic investments. 

Basically, GIS is widely used in making effective decisions using the existing network structure and network performance status in Telecom sector. Telecom GIS system is an effective and efficient software to use for the telecom industries. For furthermore queries drop you comments below. Any suggestions are welcome.

Want a Telecom GIS System hire us or ask for Quotation. Drop mail at akshay@engineerphilosophy.com for queries.

Convert KMZ to GPX

GPX is a common GPS data format for software applications supported by major GPS devices and KMZ is a file format used to display geographic data in Google Earth and Google Maps.

Converting GIS data file from KMZ to GPX format  is just  a few click process with MapOG KMZ To GPX Converter Online.

IGIS Map Converter

IGIS Map converter is an amazing tool for data conversion. With just one click, it can translate KML data, commonly used in software like Google Earth, Fusion Tables, Maps, and GPS devices, into GeoJSON (JSON) format. GeoJSON is widely utilized in software such as MongoDB, Geoserver, CartoWeb, and Feature Server.

It converts GIS/CAD files online without the need for complex and enterprise software such as ArcGIS, QGIS, or AutoCAD. IGIS Map Converter is more user-friendly compared to other conversion software or tools.

IGISMAP to Convert KMZ to GPX

For KMZ to GPX conversion, go to MapOG Converter Tool, after logging in with your registered email and password. If you are a new user, click the Sign Up button in the Login popup and register to IGISMAP by filling the details.

IGISMAP
IGISMAP

There are four main steps for using GIS Converter:

  • Click on Tool Converter
  • Upload the data
  • Choose the format to which it should be converted
  • Download the converted file

Step one is to upload your KMZ file which you want to convert. You can upload your file from system or select from the Recent Files.

Upload KMZ
Upload KMZ

Here we using the KMZ file of Norway Airport Points.

Step two is to select the output format from the dropdown for the converted file, in this case its GPX. You can also set the Coordinate Reference System of your preference. As a default CRS will set to WGS 84 (World) [EPSG:4326]. Click on the Convert File.

Select GPX as an Output Format
Select GPX as an Output Format

Your KMZ file will then gets converted to GPX file after a few seconds and will be available for downloading.

Download GPX File
Download GPX File

You can also choose to style the layer or continue with further conversion process by clicking the Convert Another File button.

Converted Files section from the dashboard contains the list of the details of all the conversion done in your account, providing both input and output data available for download their corresponding formats.

Download free shapefile of various countries.

Create your own shapefile and share with your clients or embed on your website. 

More on Conversion:

Create GIS Bubble Map – IGIS Map Tool – Now named as MAPOG Tool

To create GIS Bubble maps, first of all we must know what GIS Bubble Map is?  Bubble Map is all about symbolizing layers to represent quantity, as it mostly works in the same way as quantity map.  Bubble map uses range of colored bubbles of different sizes in visualization of data and is also known as a “graduated marker map”. To create GIS Bubble map with IGIS Map Tool, you need to also look over the MapOG Tool.

Create GIS Bubble Map  – IGIS Map Tool

A bubble map shows circular markers for points, lines, and polygon features of different size. The bubble sizes are based on a selected numerical attribute value from user’s uploaded layer.

To create GIS Bubble Map with IGIS Map Tool you need to follow some steps as follows:

Create GIS Bubble map

  • Upload dataset and create a new map project Or Open your existing map project.

Create GIS Bubble map

  • Once the map is open click on the “Style Layer” option on top of the map layer.

Create GIS Bubble map

  • Select a layer that you want to create GIS Bubble map with.

Create GIS Bubble map

  • Now click on the Bubble map section to create GIS Bubble map.

Create GIS Bubble map

  • Now you can choose the numerical attribute in column to reference for the size of the marker in class break section and in the parts section.
  • Columns have the limit of not more than 50 unique values. As it can not style more than 50 values. 
  • You need to set the number of class breaks required for them as it determines the number of bubble size that is going to be rendering.
  • You have to choose the Radius minimum size and maximum size of the bubble.
  • Now fill the opacity and the color you want to show in the bubble on map.
  • You can also set the opacity & color of the stroke or outline section.

This is how you can Create GIS Bubble Map. This type of visualization is useful for identifying trends & patterns on the basis of location and is most often used for business analysis and demographics mapping.

GIS Bubble Map – Uses

The main use of GIS Bubble Map is the visualization of trends and patterns based on location. Above all Business Analysis and Demographic mapping are some of the main reason to create GIS Bubble Map.

GIS Bubble Map serves in following industries:

For example, A Surveying company is reviewing the types and locations of airports in the middle east to compare the number of passengers board at airports to the findings from a recently completed research project. Bubble map categorizes the airports by number of passengers that boards the flight in a single day.  So this visualization can be used to compare the count of each airport boarding status on daily basis.

Create GIS Bubble map

(#this is a sample data)

Data and Business analysis is the main reason to Create GIS Bubble Map, It can helps in understanding and comparing the data easily.

I hope this may help you in development and Create GIS Bubble map with IGIS Map Tool. If you find any problem in creating one such example do let us know by commenting below.

Convert KML to Shapefile

In this post we are going to discuss the procedures for KML to Shapefile conversion. KML is the file extensions used in Google applications, specifically Google Earth and Google Maps. Shapefile is a geospatial vector data format for geographic information system (GIS) software. It is developed and regulated by ESRI as a mostly open specification for data interoperability among ESRI and other GIS software products.

Conversion of GIS data like KML to Shapefile can be done easily using

MAPOG Online KML To Shapefile Converter tool.

IGISMAP to Convert KML to Shapefile

For KML to Shapefile conversion go to MapOG Converter Tool, after logging in with your registered email and password. If you are a new user, click the Sign Up button in the Login popup and register to IGISMAP by filling the details.

There are three main steps for using GIS Converter:

  • Upload the data
  • Choose the format to which it should be converted
  • Download the converted file.

Step one is to upload your KML file which you want to convert. You can upload your file from system or select from the Recent Files.

Converter Tool - Upload KML
Upload KML

Here we have uploaded the KML file of New York state in USA.

Step two is to select choose the output format of the converted file, in this case its Shapefile. You can also set the Coordinate Reference System of your preference. As a default CRS will set to WGS 84 (World) [EPSG:4326]. Click on the Convert File.

Converter Tool - Shapefile as Output Format
Select Shapefile as Output Format

Your KML file will then get converted to Shapefile file after a few seconds and will be available for downloading.

Download and Publish Shapefile File
Download and Publish Shapefile File

You can also choose to style the layer or continue with further conversion process by clicking the Convert Another File button.

The Converted File can also be downloaded from the Converted Files section of the dashboard.

Converted Files section from the dashboard contains the list of the details of all the conversion done in your account, providing both input and output data available for download their corresponding formats.

Furthermore:

If you face any problem during implementing this tutorial, please let us know by dropping a mail at support@igismap.com. Feel free to comment in the below comment box.

Leaflet Js Plugin Basics Tutorial

In this blog post we are going to provide you the Leaflet Js Plugin Basics Tutorial. Leaflet Js has stated the main aim of its use is to provide JavaScript libraries for drawing maps, with good performance and usability. Leaflet has many features yet to be included for getting excel in performance and usability but the idea being that not everyone is going to use those features, therefore there is no benefit to increasing the size of leaflet and impacting performance. Instead the awesomeness of Leaflet is increased by encouraging third party contributors to craft their own plugins that can leverage the core library capabilities to expand functionality on a feature by feature basis. So, here is the article Leaflet Js Plugin Basics Tutorial.

Leaflet Js Plugin Basics Tutorial

This Leaflet Js Plugin Basics Tutorial contains the basics of using the leaflet plugin and advantages we can have with all of its functionalities. Leaflet Js plugins are the third party plugins which are used to extend the functionality of leaflet map. Now lets just talk about leaflet map and plugins.

Leaflet Js Plugin

There are hundreds of plugins available for Leaflet Js maps. The Leaflet Js plugins provides functionalities in various area of mapping like Tile and image layer, Basemap provider and brass map, Vector file and overlay map extends.

Leaflet Js Plugin Basics Tutorial is all about to show you that anyone can maintain and create Leaflet plugin with deep knowledge and understanding of leaflet and javascript.

You can attach the Leaflet plugin to your map with the help of Github or any other repository via adding the additional .js and .css file into the leaflet html file in the header section. The leaflet plugins really improves the performance and usability of Leaflet Js.

The most amazing thing about leaflet is Its powerful plugin ecosystem. Anyone with some coding skills can create the plugin for leaflet but there are some standards you need to follow before writing the code to create the plugin.

Some of the following standards are as follows:

  • Leaflet follows pretty much the same conventions except for using smart tabs (hard tabs for indentation, spaces for alignment) and putting a space after the function keyword.
  • Never expose global variables in your plugin.
  • If you have a new class, put it directly in the L namespace (L.MyPlugin).
  • And if you inherit one of the existing classes, make it a sub-property (L.TileLayer.Banana).
  • Even if you want to add new methods to existing Leaflet classes, you can do it like this: L.Marker.include({myPlugin: …}).
  • Function, method and property names should be in camelCase.
  • Class names should be in CapitalizedCamelCase.

Leaflet.draw

Leaflet Js has this amazing plugin which helps in adding the drawing and editing support for markers and vectors overlaid onto leaflet maps. It is one of the main heading under the topic of Leaflet Js Plugin Basics Tutorial. It is a comprehensive plugin that can add polylines, polygons, rectangle, circle, and markers to a map and then edit or delete those objects as desired without using the GeoJSON code.
Leaflet Js has a variety of options for configuring the look and feel of the drawing objects. Leaflet.draw is more used for its ability to enable additional functionality, than an endpoint. It also provides the framework to take those drawn objects and push them to a database.

Leaflet.draw code description

Leaflet.draw is designed to not only be easy for end users to use, but also for developers to integrate. The following is really only suitable for demonstrating that you have it running correctly. Leaflet.draw is very simple to drop into you Leaflet application. The following example will add both the draw and edit tool bars to a map:

<html> 
<head>
<title>new map</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.2.3/leaflet.draw.css"/>
</head>
<body>

< div id="map" style="width: 600px; height: 400px;">
< /div >

< script src="http://cdn.leafletjs.com/leaflet-0.7/leaflet.js" >
 < / script > 
< script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.2.3/leaflet.draw.js" > < / script >
< script >
//Creating map and setting zoom
var map = L.map('map').setView([45.8650, -75.2094], 3);

// Set up the OSM layer
mapLink = '<a href="http://openstreetmap.org">OpenStreetMap</a>';
L.tileLayer( 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '&copy; ' + mapLink + ' Contributors',
maxZoom: 18,
}).addTo(map);

// Initialise the FeatureGroup to store editable layers
var drawnItems = new L.FeatureGroup();
map.addLayer(drawnItems);

// Initialise the draw control and pass it the FeatureGroup of editable layers
var drawControl = new L.Control.Draw({
edit: {
featureGroup: drawnItems
}
});
map.addControl(drawControl);
map.on('draw:created', function (e) {
var type = e.layerType,
layer = e.layer;
if (type === 'marker') {
layer.bindPopup('A popup!');
}
drawnItems.addLayer(layer);
});

< / script >
</body>
</html>
Result:
This code visualize both the draw and edit tool bars to a map:
Leaflet Js Plugin Basics Tutorial
Now let’s understand the above code in parts, The first part is an additional link to load more CSS code;
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.2.3/leaflet.draw.css"/>

This loads the file directly from the Leaflet.draw repository. And if you are loading from a local file you will need to adjust the path appropriately.

The second is the block that loads the leaflet.draw.js script.

< script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.2.3/leaflet.draw.js" > < / script > 

Leaflet.draw exists as a separate block of JavaScript code and again, here we are loading the file directly from the Leaflet.draw repository.

The last change to the file is the block of code that runs and configures Leaflet.draw.

      // Initialise the FeatureGroup to store editable layers
        var drawnItems = new L.FeatureGroup();
        map.addLayer(drawnItems);
      // Initialise the draw control and pass it the FeatureGroup of editable layers
         
        map.addControl(drawControl);
        map.on('draw:created', function (e) {
            var type = e.layerType,
                layer = e.layer;

       // Shows popup on marker when user’s action triggers

                  if (type === 'marker') {
                    layer.bindPopup('A popup!');
                  }
            drawnItems.addLayer(layer);
        });

layer group to the map called drawnItems. We store elements in this layer.

Then the map.addLayer(drawnItems); line adds the layer with our drawn items to the map.
Next we get to the first of the true Leaflet.draw commands when we initialize the draw control and pass it the feature group of editable layers;

var drawControl = new L.Control.Draw({
edit: {
featureGroup: drawnItems
}
});
map.addControl(drawControl);

For adding the edit toolbar and confirming which (drawnItems) should be editable. These controls are added to the map i.e. map.addControl(drawControl); .

Finally when we add a new vector or marker we need prompt a trigger that captures the type of item we have created (polyline, rectangle etc).

And adds it to the drawn items layer on the map.

map.on('draw:created', function (e) {
var type = e.layerType,
layer = e.layer;
// Show popup on marker when user’s action triggers
if (type === 'marker') {
layer.bindPopup('A popup!');
}
drawnItems.addLayer(layer);
});

In this code part you can store the information that described the element in a database or similar.

If you  are novice then check Leaflet js – Getting Started – Create Map Application

Furthermore, Try your hands on:

If you have any queries please comment in the comment box below.

Convert KMZ to CSV

Do you want to read and write your GIS data easily in excel sheets? Have you extracted and downloaded kml file from Google Earth or Google map and want to Edit or read your data normally in CSV format?. So today  we are discussing on how to convert KMZ to CSV.

KMZ is a zipped file containing one or compressed KML files. It is a file format used to display geographic data in Google Earth and Google Maps and CSV is a simple file format used to store tabular data, such as a spreadsheet or database. Files in the CSV format can be imported to and exported from programs that store data in tables, such as Microsoft Excel or OpenOffice Calc.  Converting GIS data file from KMZ to CSV format  is just  a few click process with GIS MapOG Converter Online.

KMZ TO CSV

IGISMAP to Convert KMZ to CSV

For KMZ to CSV conversion go to MapOG Converter Tool, after logging in with your registered email and password. If you are a new user, click the Sign Up button in the Login popup and register to IGISMAP by filling the details.

There are three main steps for using GIS Converter:

  • Upload the data
  • Choose the format to which it should be converted
  • Download the converted file.

Step one is to upload your KMZ file which you want to convert. You can upload the file from your system or select from the Recent Files.

Upload KMZ

Here we are uploading the KMZ file of the Washington counties

Step two is to select choose the output format of the converted file, in this case its CSV. You can also set the Coordinate Reference System of your preference. As a default CRS will set to WGS 84 (World) [EPSG:4326]. Click on the Convert File.

Select CSV as Output Format

Your KMZ file will then get converted to CSV file after a few seconds and will be published in the map canvas. You can download the CSV file of Washington state boundary by clicking the Download Converted File button.

Download and Publish CSV File
Download and Publish CSV File

The output CSV file is generated with location information represented in WKT format under the field ‘WKT’ as shown in the following image.

Output CSV File
Output CSV File

You can also choose to style the layer or continue with further conversion process by clicking the Convert Another File button.

Converted Files section from the dashboard contains the list of the details of all the conversion done in your account, providing both input and output data available for download their corresponding formats.

You can also search locations, add new datasets, edit layers and style the map according to your choice and requirements. As IGIS Map Converter Tool provides many benefits other then just conversion of data. This tool provides us to generate this published map in PDF or as image format. You can also share the map on social media and you are able to embed on your website very easily.

Other GIS data Conversions

If you are facing any problem in conversion or login then please let us know by mailing at support@igismap.com or drop comment.

Convert CSV to KML

Hello guys,  If you are looking for converting your CSV file into KML, you have landed on the right place. Here in this article we are discussing on how to convert CSV to KML in the easiest way possible.

A comma-separated values (CSV) file is a delimited text file that uses a comma to separate values. Each line of the file is a data record. KML or Keyhole Markup Language is a collection of geospatial data on map and commonly used in Google Earth or google services

Using Online MapOG Converter Tool you can easily convert – CSV to KML. You can also do other GIS Data Conversion using this tool.

IGISMAP to Convert CSV to KML

For CSV to KML conversion go to MapOG Converter Tool, after logging in with your registered email and password. If you are a new user, click the Sign Up button in the Login popup and register to IGISMAP by filling the details.

IGISMAP

There are three main steps for using GIS Converter:

  • Click on Tool Converter
  • Upload the data
  • Choose the format to which it should be converted

Step one is to upload your CSV file which you want to convert. You can upload the file from your system or select from the Recent Files.

Note:

  • Input CSV file should have location information in WKT format under a field named as WKT.
  • Input CSV file should not have any columns with empty column name between other fields.
  • Well Known Text (WKT) is an Open Geospatial Consortium (OGC) standard that is used to represent spatial data in a textual format.
  • WKT format represents a geometry with the name of the vector entity ie., POINT, POLYGON or LINESTRING followed by the longitude and latitude of the point feature or the vertex of the polygon in brackets. Example for each entity is given below
    • POINT (169.03934 -46.32844)
    • POLYGON ((76.61103048 9.85276413,76.612068 9.85303305,76.6124496 9.85362534,76.61269368 9.85513401,76.61374668 9.85455036,76.61466216 9.85409739,76.61630232 9.85377888))
    • LINESTRING (-123.031531560501 40.4178012488507,-122.889863902657 39.8410114990573,-122.464860929125 38.7886231836447,-121.311281429538 37.473137789379)
  • Name of the field ‘WKT’ is not necessary to be case sensitive.
Upload CSV

Here we have uploaded the CSV file containing the locations of counties of Washington. It contains locations recorded in WKT format as follows:

CSV data with WKT field

Step two is to select choose the output format of the converted file, in this case its KML. You can also set the Coordinate Reference System of your preference. As a default CRS will set to WGS 84 (World) [EPSG:4326]. Click on the Convert File.

Select KML as Output Format
Select KML as Output Format

Your CSV file will then get converted to KML file after a few seconds and will be available for downloading.

Download and Publish KML File

You can also choose to style the layer or continue with further conversion process by clicking the Convert Another File button.

Converted Files section from the dashboard contains the list of the details of all the conversion done in your account, providing both input and output data available for download their corresponding formats.

You can also search locations, add new datasets, edit layers and style the map according to your choice and requirements. As IGIS Map Converter Tool provides many benefits other then just conversion of data. This tool provides us to generate this published map in PDF or as image format.

Other GIS data Conversions

If you are facing any problem in conversion or login then please let us know by mailing at support@igismap.com or drop comment.