网站建设技巧

网站建设技巧

2006年起一直从事互联网行业,竭尽所能、尽心尽力为各行各业的客户提供服务

网站建设技巧 23937次

同个页面添加两个百度地图

<!doctype html>


<html>

<head>

<title>百度地图</title>

<meta name="keywords" content="百度地图">

<meta name="description" content="百度地图" />

</head>

<body>

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

<div style="width:100%;height:400px;" id="allmap"></div>

<div style="width:100%;height:400px;" id="allmap1"></div>

</body>

</html>

<script type="text/javascript">

var map = new BMap.Map("allmap");

map.centerAndZoom(new BMap.Point(120.598973,31.321718), 18);

map.addControl(new BMap.NavigationControl());


var marker = new BMap.Marker(new BMap.Point(120.598973,31.321718));

map.addOverlay(marker);

var infoWindow1 = new BMap.InfoWindow('<p style="color: #bf0008;font-size:14px;">留园1</p><p style="font-size:12px;">地址1:江苏省苏州市姑苏区留园路338号</p><p style="font-size:12px;">电话:(0512)65337903,(0512)65579466</p>');

marker.addEventListener("click", function () {

this.openInfoWindow(infoWindow1);

});


var marker2 = new BMap.Marker(new BMap.Point(120.600269,31.321214));

map.addOverlay(marker2);

var infoWindow2 = new BMap.InfoWindow('<p style="color: #bf0008;font-size:14px;">留园2</p><p style="font-size:12px;">地址2:江苏省苏州市姑苏区留园路338号</p><p style="font-size:12px;">电话:(0512)65337903,(0512)65579466</p>');

marker2.addEventListener("click", function () {

this.openInfoWindow(infoWindow2);

});



var map = new BMap.Map("allmap1");

map.centerAndZoom(new BMap.Point(120.12792,30.228932), 16);

map.addControl(new BMap.NavigationControl());

var marker3 = new BMap.Marker(new BMap.Point(120.12792,30.228932));

map.addOverlay(marker3);

var infoWindow3 = new BMap.InfoWindow('<p style="color: #bf0008;font-size:14px;">西湖风景区</p><p style="font-size:12px;">杭州市西湖区龙井路1号</p>');

marker3.addEventListener("click", function () {

this.openInfoWindow(infoWindow3);

});


</script>


相关文章

联系我们

24小时服务热线

150 0622 7297

  • 微信二维码
    昆山网站建设
  • 微信二维码
    昆山网站建设

江苏苏州昆山市周市镇翠微西路

免费获取您的互联网建设与营销方案

欢迎访问WCDSTUDIO 24小时咨询电话15306227297