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>
