jQuery 地图与每个地图

使用jQuery地图插件可以方便地在网页中实现地图的显示和交互功能。每个地图都可以通过jQuery插件进行自定义设置和操作。下面将介绍如何使用jQuery地图插件，并通过一个案例代码来展示其功能。

html

javascript
$(document).ready(function() {
  $('#map-container').mapPlugin();
});

javascript
$(document).ready(function() {
  $('#map-container').mapPlugin({
    center: {lat: 39.9042, lng: 116.4074},
    zoom: 10,
    mapType: 'roadmap'
  });
});

javascript
$(document).ready(function() {
  $('#map-container').mapPlugin({
    center: {lat: 39.9042, lng: 116.4074},
    zoom: 10,
    mapType: 'roadmap'
  });
  $('#map-container').mapPlugin('addMarker', {lat: 39.9042, lng: 116.4074});
});

javascript
$(document).ready(function() {
  $('#map-container').mapPlugin({
    center: {lat: 39.9042, lng: 116.4074},
    zoom: 10,
    mapType: 'roadmap'
  });
  var locations = [
    {lat: 39.9042, lng: 116.4074},
    {lat: 31.2304, lng: 121.4737},
    {lat: 23.1291, lng: 113.2644}
  ];
  locations.forEach(function(location) {
    $('#map-container').mapPlugin('addMarker', location);
  });
});