网页如何实现地图插入

这篇博客介绍了如何在网页中插入地图,主要通过获取地图API密钥,引入官方JS文件并设置地图中心点及缩放级别。还提到了启用滚轮缩放功能和利用BMap.LocalSearch()进行本地搜索。建议读者访问地图官网获取更多详细信息。
摘要由CSDN通过智能技术生成

网页怎么插入一个地图呢?

其实一般地图都会提供一个接口,类似的百度地图,高德地图网页版都会为开发技术人员提供一个API

所以只需要从网上申请使用它的api即可,也就是获取到使用此API的密钥,以下是实现效果和方法


在网页的一开始先嵌入官方使用的js文件

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


一般选择使用官方网站的网址,ak即你申请到的密钥

<script type="text/javascript">
    var map = new BMap.Map("allum");
    var jing = $('input[name = jing]').val();
    var wei = $('input[name = wei]').val();
    var point = new BMap.Point(jing,wei);
	map.centerAndZoom(point,40);
	map.enableScrollWheelZoom();
	 
	var local = new BMap.LocalSearch("张家界市",   
	      
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值