<div id="allmap">
<script type="text/javascript" src="/js/jquery.min.js">
<style type="text/css">
#allmap {width:240px;height:200px;overflow:hidden;margin:0;font-family:"微软雅黑";}
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=9f3caf0f96e461b6e78d6d5bf6c7a425">
<script type="text/javascript">
function isValueNotEmpty(value) {
if (value !=undefined && value !=null && value.length >0)return true;
return false;
}
<script type="text/javascript">
var longitude="${longitude}";
var latitude="${latitude}";
if((isValueNotEmpty(longitude)) && (isValueNotEmpty(latitude))){
// 百度地图API功能
var map =new BMap.Map("allmap"); // 创建Map实例
var point =new BMap.Point(longitude,latitude);
var marker =new BMap.Marker(point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
map.centerAndZoom(point, 11); // 初始化地图,设置中心点坐标和地图级别
//添加地图类型控件
map.addControl(new BMap.MapTypeControl({
mapTypes:[
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]}));
//map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
var top_left_control =new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角,添加比例尺
var top_left_navigation =new BMap.NavigationControl(); //左上角,添加默认缩放平移控件
var top_right_navigation =new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}); //仅包含平移和缩放按钮
/*缩放控件type有四种类型:
BMAP_NAVIGATION_CONTROL_SMALL:仅包含平移和缩放按钮;
BMAP_NAVIGATION_CONTROL_PAN:仅包含平移按钮;
BMAP_NAVIGATION_CONTROL_ZOOM:仅包含缩放按钮
*/
map.addControl(top_left_control);
map.addControl(top_left_navigation);
map.addControl(top_right_navigation);
}else{
$("#allmap").css("display","none");
}
</script>