怎么在网页中嵌入中国地图
在自己做网站过程中,往往为了实现某种效果,需要将中国地图嵌入到自己的网页中,而且可以用户随意的选择自己所要查找的城市。并且可以将地图放大与缩小,进行拖移与固定等功能。效果图如下:
将中国地图嵌入到自己的网页的方法:
新建一个HTML,将以下的代码复制粘贴到这个HTML上,点击保存,上传到自己网站的空间根目录下。当然也可以直接嵌入到自己网站的某一个网页中。在您选定的页面的合适位置上,添加以下的JS代码即可!
<script type="text/javascript">// <![CDATA[
var boxhref =window.location.href;
var href = "pageType=5&CID=888888&city=%E5%8C%97%E4%BA%AC%E5%B8%82&maxMap=0";
if(boxhref.indexOf("?") != -1){
var hrefArr = boxhref.split("?");
href=hrefArr[1];
}
document.write("<iframe id='mapbarframe' border='0' vspace='0' hspace='0' marginwidth='0' marginheight='0' framespacing='0'? frameborder='0'scrolling='no' width='100%' height='100%' src=http://searchbox.mapbar.com/localsearch/index.jsp?" + href +"></iframe>");
// ]]></script>
var boxhref =window.location.href;
var href = "pageType=5&CID=888888&city=%E5%8C%97%E4%BA%AC%E5%B8%82&maxMap=0";
if(boxhref.indexOf("?") != -1){
var hrefArr = boxhref.split("?");
href=hrefArr[1];
}
document.write("<iframe id='mapbarframe' border='0' vspace='0' hspace='0' marginwidth='0' marginheight='0' framespacing='0'? frameborder='0'scrolling='no' width='100%' height='100%' src=http://searchbox.mapbar.com/localsearch/index.jsp?" + href +"></iframe>");
// ]]></script>
如果想将自己公司的地址标注在地图上,并且形成一个地图名片的形式,就可以使用网页如何嵌入百度地图。