1.去googleapi申请你的key(需要 科学上网)
<script src="http://maps.googleapis.com/maps/api/js?key=你的key&sensor=TRUE"></script>
2.html
<div id="googleMap" style="width:100%;height:calc(100% - 44px);"></div>
3.js
google.maps.event.addDomListener(window, 'load', initialize);
function initialize() {
var clat = (lat == -1) ? 51.508742 : lat;
var clng = (lng == -1) ? -0.120850 : lng;
var mapProp = {
center: new google.maps.LatLng(clat, clng),
zoom: 5,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
var marker = null;
google.maps.event.addListener(map, 'click', function(event) {
var location = event.latLng;
if (marker != null) {//此处清除之前的打点
marker.setMap(null);
}
marker = new google.maps.Marker({//此处创建新的打点
position: location,
map: map,
});
lng = location.lng();//保存经纬度
lat = location.lat();
});
}