mirror of
https://gitee.com/koogua/course-tencent-cloud.git
synced 2025-07-16 13:16:14 +08:00
54 lines
1.5 KiB
HTML
54 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title>Baidu Maps</title>
|
|
<style>
|
|
html {
|
|
height: 100%
|
|
}
|
|
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #FFF
|
|
}
|
|
</style>
|
|
<script charset="utf-8" src="http://api.map.baidu.com/api?v=1.3"></script>
|
|
<script>
|
|
var map, geocoder;
|
|
|
|
function initialize() {
|
|
map = new BMap.Map('map_canvas');
|
|
var point = new BMap.Point(121.473704, 31.230393);
|
|
map.centerAndZoom(point, 11);
|
|
map.addControl(new BMap.NavigationControl());
|
|
map.enableScrollWheelZoom();
|
|
|
|
var gc = new BMap.Geocoder();
|
|
gc.getLocation(point, function (rs) {
|
|
var addComp = rs.addressComponents;
|
|
var address = [addComp.city].join('');
|
|
parent.document.getElementById("kindeditor_plugin_map_address").value = address;
|
|
});
|
|
}
|
|
|
|
function search(address) {
|
|
if (!map) return;
|
|
var local = new BMap.LocalSearch(map, {
|
|
renderOptions: {
|
|
map: map,
|
|
autoViewport: true,
|
|
selectFirstResult: false
|
|
}
|
|
});
|
|
local.search(address);
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="initialize();">
|
|
<div id="map_canvas" style="width:100%; height:100%"></div>
|
|
</body>
|
|
</html>
|