Using kml files in google maps

To create a Placemark, zoom in to the area where you want to place a placemark and click the Add Placemark button on the Google Earth toolbar the yellow push pin icon. Drag the placemark to the exact location where you want it to be. For the Description you can actually add HTML codes that will be displayed as callout ballon when the placemark is clicked. You can add pictures, YouTube videos, Flash files, Internet links and even bookmarks into your balloon. The Style, Color tab allows you to change the color of the placemark icon.

Most importantly is the Altitude tab. Be sure to set it to Relative to ground as shown in the image. With polygon, you can create overlays on the map that denotes an area i. Similar to adding placemarks, zoom in to the area where you want to overlay a polygon and click the Add Polygon button on the Google Earth toolbar. Overview This tutorial shows you how to display information of a KML file in a Google map and sidebar. The section below displays the entire code you need to create the map and sidebar.

Map document. LatLng Chat with fellow developers about Google Maps Platform. The KML file has a single Style element that is applied to all the placemarks. This Style element assigns a value of [video] to the BalloonStyle 's text element. Each Placemark contains an ExtendedData element, which holds the Data element.

Notice that each Placemark has a single Data element with a name attribute of video. The file for this tutorial uses the embedded YouTube video as the value of each Placemark's balloon text.

To display KML on a map, you need to first create the map. This code creates a new Google Map object, tells it where to center and zoom, and attaches the map to the div. To learn more about the basics of creating a Google Map, read the Adding a Google Map to your website tutorial. KmlLayer ;. The kmlLayer.

Related blog posts. Interested in our solutions? Please contact our sales team. Contact Sales. Collectives on Stack Overflow. Learn more. Asked 9 years, 10 months ago. Active 6 years, 11 months ago. Viewed 38k times. Add a comment. Active Oldest Votes. LatLng Map document. Mike Jeffrey Mike Jeffrey 3, 1 1 gold badge 17 17 silver badges 18 18 bronze badges.