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

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

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

var map = new BMap.Map("container")

$(function()

{

$.getJSON("/map/ajaxDb.aspx?id="+$("#hid_id").val(), { "resultType": "json" }, function(data, textStatus)

{

slng=data[0].lng

slat=data[0].Lat

var sContent ="<div style='line-height:1.8emfont-size:12px'><b>地址:</b>"+data[0].address+"<br/></div>"

var marker = new BMap.Marker(new BMap.Point(slng, slat)) // 创建标注

map.addOverlay(marker) // 将标注添加到地图

var infoWindow = new BMap.InfoWindow(sContent) // 创建信息窗口对象

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

this.openInfoWindow(infoWindow)

})

})

})

在html中用js的ajax调用后台java,读出数据库数据(一般存放的是地图上点的坐标、名称等信息),然后把读到的坐标信息,调用百度地图api提供的接口,在地图中标出来。有不明白的可以再问~


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存