You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.5 KiB
52 lines
1.5 KiB
5 years ago
|
<!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>
|