百度地图

<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>