เฉลยแบบฝึกหัดบทที่ 5



<html<
<head<
<title<create map</title<
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/<
<link rel="stylesheet" type="text/css" href="stylemymap1.css"<

	<script type="text/javascript" src="http://api.longdo.com/map/?key=eef5db3ef65131453968bb8c2dc81952"<</script<
	<script type="text/javascript"<
	   
	   
	   var map;
      function init() {
        map = new longdo.Map({
          placeholder: document.getElementById('map'),

		  lastView: false,
		  
		});

		var geom1 = new longdo.Polyline([
			{ lon: 100.3759, lat: 13.77006 },
			{ lon: 101.36742, lat: 14.02802 }
		]);	
		map.Overlays.add(geom1);
		var geom2 = new longdo.Polygon([
			{lon: 99.73389, lat: 15.78697},
			{lon: 102.453, lat: 15.68651},
			{lon: 101.48071, lat: 13.35755}
			]);
		map.Overlays.add(geom2);
		var geom3 = new longdo.Circle(
			{ lon: 99.32739, lat: 14.92355 },
			 1);
		map.Overlays.add(geom3);
	}
		
	</script<


</head<

<body onload="init();"<
	<div id = "map"<</div<
	
	</body<
</html<