推荐一个很强大的js插件库leaflet;里面包含了很多地图类插件;热图,轨迹,画图等等
<div class="col-sm-12">
<div id="holder" style="cursor: default"></div>
</div>
<script type="text/javascript">
var mymap = L.map('holder', {
crs: L.CRS.Simple,
zoomSnap:0.5,
dragging:true,//地图拖动
touchZoom:true,//手机放大缩小
doubleClickZoom:false,//双击地图变大
animate:false
});
var bounds = [[0, 0], [<{$map.width}>, <{$map.height}>]];
var image = L.imageOverlay('images/map.jpg', bounds).addTo(mymap);
mymap.setView([<{$map.width}>/2 , <{$map.height}>/2],1);
//鼠标右键
mymap.on('contextmenu',function(e){
console.log(e.latlng);
});
//双击
mymap.on('dblclick', function(e){
console.log(e.latlng);
});
//鼠标滑过
mymap.on('mousemove', function(e){
console.log(e.latlng);
});