百度地图和谷歌地图 js 调用

来源：互联网发布：mac子弹头brave试色编辑：程序博客网时间：2024/05/21 07:20

//key 自己去开发者申请.记得百度地图申请的个人用的key每天貌似是一百万的次数.谷歌的貌似每天是两万五

//昨天晚上才想起来百度不能访问国外的地图... 好像是木有卫星神马的原因.不知道国内的地图怎么搞出来的不会是航拍吧

<script language="javascript" type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=key"></script>

// 百度地图API功能

var map = new BMap.Map("allmap"); //创建Map实例

map.centerAndZoom(new BMap.Point(经度,纬度),18); //18是显示级别 //初始化地图,设置中心点坐标和地图级别

map.addControl(new BMap.NavigationControl()); //添加平移缩放控件

var opts = {type: BMAP_NAVIGATION_CONTROL_SMALL}

map.addControl(new BMap.NavigationControl(opts)); //这句是设置平移缩放控件的类型

map.addControl(new BMap.ScaleControl()); //添加比例尺控件

map.addControl(new BMap.OverviewMapControl()); //添加缩略地图控件

map.enableScrollWheelZoom(); //启用滚轮放大缩小

map.addControl(new BMap.MapTypeControl()); //添加地图类型控件

map.setCurrentCity("北京"); //设置地图显示的城市此项是必须设置的

var marker = new BMap.Marker(new BMap.Point(${rs.longitude},${rs.latitude})); //创建标注

map.addOverlay(marker); //将标注添加到地图中

var label = new BMap.Label("${rs.retailName}",{offset:new BMap.Size(20,-10)});

marker.setLabel(label);

//相关设置在开发者dome 里面都有搜索也能查到

//////////////////////////////////////////////金黄分割线//////////////////////////////////////////////////////////

//不知道这个为什么没有传说中的key

var geocoder;

var map;

function initialize() {

geocoder = new google.maps.Geocoder();

var latlng = new google.maps.LatLng(39.9493, 116.3975); //位置

var myOptions = {

zoom: 8, //地图级别

center: latlng,

mapTypeId: google.maps.MapTypeId.ROADMAP

}

var address = remote_ip_info.country+remote_ip_info.province+remote_ip_info.city;

// document.getElementById('add').innerHTML = "欢迎来自："+address+"的朋友！";

// var img='http://avatar.csdn.net/B/9/A/1_youacai.jpg';

if (geocoder) {

geocoder.geocode( { 'address': address}, function(results, status) {

if (status == google.maps.GeocoderStatus.OK) {

map.setCenter(results[0].geometry.location);

// var marker = new google.maps.Marker({ //这个就是标注点其实我也不知道这个叫啥

// map: map,

// position: results[0].geometry.location,

// title:'位置',

// icon:img

// });

}

});

}

map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

}

</script>

</head>

0 0

百度地图 和 谷歌地图 js 调用

百度地图和谷歌地图 js 调用