显示地址地图标记

笔记：
<?php
$address = '';
$provinceName = '';
if (!isset($_REQUEST['provinceName'], $_REQUEST['cityName'], $_REQUEST['countyName'], $_REQUEST['address'])) {
    echo "<script> alert('没找到地址信息！') </script>";
} else if (empty($_REQUEST['provinceName']) || empty($_REQUEST['cityName']) || empty($_REQUEST['countyName'])) {
    echo "<script> alert('没找到地址信息！') </script>";
} else if (empty($_REQUEST['address'])) {
    echo "<script> alert('没找到地址信息！') </script>";
} else {
    $provinceName   = $_REQUEST['provinceName'];
    $address        =  $_REQUEST['provinceName'] . $_REQUEST['cityName'] . $_REQUEST['countyName'] . $_REQUEST['address'];
}
?>
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>地图</title>
    <style type="text/css">
        html{height:100%}
        body{height:100%;margin:0px;padding:0px}
        #container{height:100%}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
</head>

<body>
<div id="container"></div>
<script type="text/javascript">
    var map = new BMap.Map("container");          // 创建地图实例
    // 创建地址解析器实例
    var myGeo = new BMap.Geocoder();
    // 将地址解析结果显示在地图上，并调整地图视野
    var addressPoint = myGeo.getPoint("<?php echo $address; ?>", function(point){
        if (point) {
            map.centerAndZoom(point, 16);
            map.addOverlay(new BMap.Marker(point));
        }
    }, "<?php echo $provinceName; ?>");
    var optsNavigation = {type: BMAP_NAVIGATION_CONTROL_ZOOM }  ;
    map.addControl(new BMap.NavigationControl(optsNavigation));  //控制放大缩小
    map.addControl(new BMap.ScaleControl());
    map.addControl(new BMap.OverviewMapControl());
    var marker = new BMap.Marker(point);        // 创建标注
    map.addOverlay(marker);                     //标注添加进地图
</script>
</body>
</html>
posted on 2013-09-03 17:21 维护宇宙和平阅读(353) 评论(0) 编辑收藏举报
显示地址 地图标记

显示地址地图标记
