57 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			57 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!doctype html>
 | 
						|
<html>
 | 
						|
	<head>
 | 
						|
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
 | 
						|
	<style>
 | 
						|
		html { height: 100% }
 | 
						|
		body { height: 100%; margin: 0; padding: 0; background-color: #FFF }
 | 
						|
		#map_canvas { height: 100% }
 | 
						|
	</style>
 | 
						|
	<script src="http://maps.googleapis.com/maps/api/js?sensor=false&language=zh_CN"></script>
 | 
						|
	<script>
 | 
						|
		var map, geocoder;
 | 
						|
		function initialize() {
 | 
						|
			var latlng = new google.maps.LatLng(-34.397, 150.644);
 | 
						|
			var options = {
 | 
						|
				zoom: 11,
 | 
						|
				center: latlng,
 | 
						|
				disableDefaultUI: true,
 | 
						|
				panControl: true,
 | 
						|
				zoomControl: true,
 | 
						|
				mapTypeControl: true,
 | 
						|
				scaleControl: true,
 | 
						|
				streetViewControl: false,
 | 
						|
				overviewMapControl: true,
 | 
						|
				mapTypeId: google.maps.MapTypeId.ROADMAP
 | 
						|
			};
 | 
						|
			map = new google.maps.Map(document.getElementById("map_canvas"), options);
 | 
						|
			geocoder = new google.maps.Geocoder();
 | 
						|
			geocoder.geocode({latLng: latlng}, function(results, status) {
 | 
						|
				if (status == google.maps.GeocoderStatus.OK) {
 | 
						|
					if (results[3]) {
 | 
						|
						parent.document.getElementById("kindeditor_plugin_map_address").value = results[3].formatted_address;
 | 
						|
					}
 | 
						|
				}
 | 
						|
			});
 | 
						|
		}
 | 
						|
		function search(address) {
 | 
						|
			if (!map) return;
 | 
						|
			geocoder.geocode({address : address}, function(results, status) {
 | 
						|
				if (status == google.maps.GeocoderStatus.OK) {
 | 
						|
					map.setZoom(11);
 | 
						|
					map.setCenter(results[0].geometry.location);
 | 
						|
					var marker = new google.maps.Marker({
 | 
						|
						map: map,
 | 
						|
						position: results[0].geometry.location
 | 
						|
					});
 | 
						|
				} else {
 | 
						|
					alert("Invalid address: " + address);
 | 
						|
				}
 | 
						|
			});
 | 
						|
		}
 | 
						|
	</script>
 | 
						|
	</head>
 | 
						|
	<body onload="initialize();">
 | 
						|
		<div id="map_canvas" style="width:100%; height:100%"></div>
 | 
						|
	</body>
 | 
						|
</html> |