Plot Path Utilising Google Map Javascript Api Part 2

In the overhead cipher, we will be developing the essential JavaScript cipher required to conceive the map along with the plotting. The overhead function PlotGPSPoints() will come back a string object with respective JavaScript code. You may find more data considering how this script works here.
I am reading the values(latitude, longitude) from datatable row by strip in a for loop and conceiving a ‘Locations’ string, which is not anything but JavaScript code. This cipher will be embedded in initialize() function.
Step – 3
Adding cipher to the page_load event of Default.aspx Page to brandish the contrived route utilising the function PlotGPSPoints(). I have manually conceived a DataTable with 2 pillars Latitude & Longitude and supplemented 3 lines and passed it to draw the route as below:
Collapse
if (!IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.Add(new DataColumn(“Latitude”));
dt.Columns.Add(new DataColumn(“Longitude”));

DataRow strip = dt.NewRow();
row[“Latitude”] = 33.779005;
row[“Longitude”] = -118.178985;
dt.Rows.Add(row);

row = dt.NewRow();
row[“Latitude”] = 33.879005;
row[“Longitude”] = -118.098985;
dt.Rows.Add(row);

row = dt.NewRow();
row[“Latitude”] = 33.979005;
row[“Longitude”] = -118.218985;
dt.Rows.Add(row);

js.Text = GPSLib.PlotGPSPoints(dt); ;
}
}
You may extract your co-ordinates from the database into a datatable with 2 pillars latitude & longitude and overtake it to GPSLib.PlotGPSPoints() function as parameter. The rest will be mechanically taken care of.
Points of concern
If you are interior a world broad web submission and seeking to add a new class in App_Code folder, it will not be accessible until you set the worth of Build Action house to ‘Compile’ rather than of ‘Content’. To manage the identical, choose the class and strike F4 to outlook its properties.
More expressly, the number you identify in the dropdown list, is the zoom grade that you desire chart buddy to arrest it’s pictures at. Thus, if you make your assortment at zoom grade 10, and you notify it to arrest pictures at zoom grade 12, it will arrest all the pictures from two zoom grades in that are needed to load up up the locality you selected. If you’re still a little fuzzy about how that works, you can strike the Draw Helper button, which will draw a grid, displaying you each of the zoomed-in pictures that Google Map Buddy will stitch together. In functional periods, the number of published sheets proceeds up exponentially as the distinction in zoom grades rises, so start little and work your way up.
Finally, choose “Create Map Image.” Map Buddy will punctual you to save the chart likeness as a sequence of chart tile .png documents, and one large, stitched-together composite image. Be certain to conceive a folder for your chart, because counting on the zoom grade, you may end up with many of chart tiles.
Once you’ve entitled and kept your document, Map Buddy will punctual you to choose the charts you desire to download. You can select Road Map, Satellite, Terrain, or Hybrid.
If you’re designing to publish out a chart for your vehicle, for example, a street chart will suffice. So, ascertain “will be downloaded” besides street chart, and choose “ok.” Map Buddy will inquire if you desire to delete the one-by-one chart tiles in your yield folder. If you desire to publish out the one-by-one pictures and strip them simultaneously, choose no. If you desire to conceive a large digital likeness, for a wallpaper for example, you can choose yes.
3. Print Your Map
Finally, you’re prepared to publish out all the one-by-one chart tiles. (Image 3) Since most printers can’t publish all the way to the for demonstration of the sheet, you’ll require some way to trim off the white boundaries round the edge before you strip the slips simultaneously, for example a paper cutter or razor cutting-edge and a directly edge.
Still not assured of the deserves of Google Map Buddy? We’ve apprehended some demonstration pictures from all round the globe. Check them out, and get inspired!

This entry was posted in JavaScript. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *