javaweb中地图

第一种  百度

直接上代码：

第二种：  谷歌

首先引入  <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

代码如下  

js代码

 var myLatlng = new google.maps.LatLng(ret.attache.json.lat, ret.attache.json.lng);// 中国地图全图
 var optMap = 
{
zoom: 15,
 
center: myLatlng,
streetViewControl:false,
mapTypeControl: true,
mapTypeControlOptions: {
 mapTypeIds: [/**google.maps.MapTypeId.SATELLITE ,google.maps.MapTypeId.HYBRID* */], // comment
 position: google.maps.ControlPosition.TOP_LEFT
},
// navigationControl: true,
navigationControlOptions: {
 style: google.maps.NavigationControlStyle.DEFAULT,
 position: google.maps.ControlPosition.LEFT
},
//ROADMAP SATELLITE  
mapTypeId: google.maps.MapTypeId.ROADMAP
};
     map = new google.maps.Map(document.getElementById('container'),optMap);
 map.setOptions({Zoom:18,center:myLatlng});

html

<div id="locationDiv" >
<div id="container" style="position:relative; width:450px; height:300px;"></div>
</div>