html5/css教程

javascript教程

asp教程

php教程

jsp教程

C#/.NET教程

Python教程

网络营销

建站经验

点击排行

您现在的位置:首页 > 网络教程 > html5

网页中插入百度地图的简单方法

来源:中文源码网    浏览: 次    日期:2017年4月18日
<script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>
<script language="javascript" src="http://api.51ditu.com/js/ezmarker.js"></script>

<P>
<div id=best-sc><div class=best-tb><a style="width:80px;font-weight:bold;">地理位置</a></div></div><div id=bests><table cellpadding="0" cellspacing="0" width="100%"><tr><td align="center" style="background-color:#F2EFE8;">
<div style='position:relative;text-align:center;z-index:1000;font-size:12px; overflow: hidden;margin-left:120px; background-image:url(); border:1px #666666 solid'><a href="/tpl/BigMap.asp?BigMap=11801363,3097104&corpname=中文源码网"  target="_blank">
<font color=#000000 style="font-size:12px;">查看大图</font></a></div>
<div id="myMap" style="width:550px; height:350px; margin:0px;padding:0xp;" >
</div>
<input type="hidden" id="myemAp" value="11801363,3097104">
<script language="javascript"> 
var maps = new LTMaps( "myMap" );
var icon = new LTIcon();
 
var point = new LTPoint(11801363,3097104)
maps.centerAndZoom (point ,3);
 
var marker1 = new LTMarker( new LTPoint(11801363,3097104) , icon );
maps.addOverLay( marker1 );
 
var text = new LTMapText( point );
text.setLabel( "<div style='padding:6px'>中文源码网</div>"); 
maps.addOverLay( text ); 
//maps.handleKeyboard(); //键盘操作支持
maps.handleMouseScroll();//鼠标滚轮支持
var control1 = new LTSmallMapControl();//标准缩放控件
maps.addControl( control1 );
</script>
 
</td></tr></table></div>

</P>

亲,试试微信扫码分享本页! *^_^*

精彩推荐