如何从数据库获取地址然后在前台调用百度地图将位置显示

如何从数据库获取地址然后在前台调用百度地图将位置显示,第1张

数据库存经纬度坐标及文字描述,用ajax取出展示。

var map = new BMapMap("container");

$(function()

{

$getJSON("/map/ajaxDbaspxid="+$("#hid_id")val(), { "resultType": "json" }, function(data, textStatus)

{

slng=data[0]lng;

slat=data[0]Lat;

var sContent ="<div style='line-height:18em;font-size:12px;'><b>地址:</b>"+data[0]address+"<br/></div>";

var marker = new BMapMarker(new BMapPoint(slng, slat)); // 创建标注

mapaddOverlay(marker); // 将标注添加到地图

var infoWindow = new BMapInfoWindow(sContent); // 创建信息窗口对象

markeraddEventListener("click", function(){

thisopenInfoWindow(infoWindow);

});

});

})

在百度搜索引擎中搜索关键词“百度地图API”,如下图所示

如何使用百度地图API

访问百度地图API官方网站,如下图所示。

如何使用百度地图API

本经验案例以web开发为为例,所以选择Javascript API。

百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。另外,2014年1月9日,极速版JavaScript API全新上线,此版本专门针对简单功能的移动端浏览器开发提供。

该套API免费对外开放。自v15版本起,您需先申请密钥(ak)才可使用,接口(除发送短信功能外)无使用次数限制。

如何使用百度地图API

Javascript API有3种,这里选择Javascript API大众版,如下图所示。

如何使用百度地图API

申请百度地图密钥,如下图所示。

如何使用百度地图API

<!DOCTYPE html>

<html>

<head>

<meta >

以上就是关于如何从数据库获取地址然后在前台调用百度地图将位置显示全部的内容,包括:如何从数据库获取地址然后在前台调用百度地图将位置显示、如何使用百度地图API、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9304956.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存