|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
告诉你了一个方式,但是缺少努力这一环节,那也是白搭。比来在做一个网站,必要嵌进经销商的地位和信息。搜刮了良多材料,终究完成了功效,给人人分享一下。
舆图功效:按标尺缩放,鼠标滑动缩放,增加标注和信息。
详细步骤:
1:起首到百度舆图API,请求密钥。(假如没有百度账户得先注册一个)
2:百度舆图API的功效做得对照分离,像标注、缩放等都是必要本人一步步找代码的。我把代码收拾了一下,给人人复制一下,应当是最简便的了
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<scripttype="text/javascript"src="http://api.map.baidu.com/api?v=1.5&ak=请求的密钥"></script>
</head>
<body>
<divstyle="width:500px;height:500px;margin:0auto"id="allmap"></div>
<scripttype="text/javascript">
varmap=newBMap.Map("allmap");
varpoint=newBMap.Point(116.384,39.987);//必要标注的地位的经纬度
map.centerAndZoom(point,15);//中央地位和缩放倍数
map.enableScrollWheelZoom();//增加转动轴
map.addControl(newBMap.NavigationControl());//增加左上角的标尺工具
map.addControl(newBMap.NavigationControl());
map.addControl(newBMap.ScaleControl());
map.addControl(newBMap.OverviewMapControl());
map.addControl(newBMap.MapTypeControl());
map.setCurrentCity("北京");
varopts={
width:200,//信息窗口宽度
height:20,//信息窗口高度
title:"健翔桥东华亭故里"//信息窗口题目
}
varinfoWindow=newBMap.InfoWindow("xxx公司",opts);//创立信息窗口工具
map.openInfoWindow(infoWindow,map.getCenter());//翻开信息窗口
varmarker=newBMap.Marker(point);//创立标注,即舆图上的小红点
map.addOverlay(marker);
</script>
学习了六个多月PHP了,还是个新手,在这里受到了很多人的帮助,谢谢你们! |
|