Html代码
<div class="media-map" >
<div id="allmap" style="float: left; height: 245px; width: 490px;" ></div>
</div>
<div id="r-result" hidden>
经度: <input id="longitude" th:attr="value=${inst.longitude}" />
纬度: <input id="latitude" th:attr="value=${inst.latitude}" />
</div>
<script>
function showmap(){
$("#allmap").show();
theLocation();
setTimeout(function(){ //相当于再次点击,第一次有可能会出现标注不在中心,但是地图的div高宽已经展示,所以再次点击下,标注一定在中心
$("#allmap").show();
theLocation();
},100);
}
$(function () {
$('.ratyBox').raty({
path: function() {
return this.getAttribute('data-path');
},
click: function(score, evt) {
$("#starVal").val(score);
}
});
});
// 用经纬度设置地图中心点
function theLocation(){
var map = new BMap.Map("allmap");
if(document.getElementById("longitude").value != "" && document.getElementById("latitude").value != ""){
console.log('longitude=====>'+document.getElementById("longitude").value+'latitude=====>'+document.getElementById("latitude").value)
var new_point=new BMap.Point(document.getElementById("longitude").value,document.getElementById("latitude").value);
map.centerAndZoom(new_point,14);
map.enableScrollWheelZoom(true);
map.clearOverlays();
var marker = new BMap.Marker(new_point); // 创建标注
map.addOverlay(marker); // 将标注添加到地图中
map.panTo(new_point);
}
}
</script>