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.
 
 
 
 

31 lines
1.2 KiB

{template 'header'}
<div class="m">
<div class="nav"><span class="f_r"><a href="https://api.map.baidu.com/geocoder?address={$addr}&output=html&scr={$name}" class="b" target="_blank">全屏</a></span><a href="{$MODULE[1][linkurl]}">首页</a> <i>&gt;</i> 查看地图</div>
</div>
<div class="m">
<div id="bmap" style="width:100%;height:600px;"></div>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak={$map_key}"></script>
<script type="text/javascript">
$(function(){
// 百度地图API功能
var map = new BMap.Map("bmap");
var point = new BMap.Point(116.331398,39.897445);
map.centerAndZoom(point,12);
// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint("{$addr}", function(point){
if(point) {
map.centerAndZoom(point, 16);
var marker = new BMap.Marker(point);
map.addOverlay(marker);
var label = new BMap.Label("{if $name}<b>{$name}</b><br/>{/if}{$addr}",{offset:new BMap.Size(20,-10)});
marker.setLabel(label);
} else {
alert("您选择地址没有解析到结果");
}
}, "中国");
});
</script>
</div>
{template 'footer'}