html,css怎么做一个可以区域划分的地图？

html-css08

html,css怎么做一个可以区域划分的地图？,第1张

有做过这个功能，之前用的是百度地图提供的api，完全符合你的需求。当然，高德地图貌似也有，你可以去看看。

百度地图api:http://lbsyun.baidu.com/index.php?title=jspopular

补充：要做离线最好别用web端来做。后来发现，echarts来实现你的需求应该也是可以的（http://echarts.baidu.com/demo.html#map-world-dataRange）

亲，你好，很高兴为你回答问题。

var pixby = new google.maps.LatLng(113.5436415382767, 22.36070626652327)

var myLatlng = new google.maps.LatLng(113.5436415382767, 22.36070626652327)

上述两段代码，myLatlng 这个没有问题，关键的问题在于pixby 的值是错误的 这个值的取值是地图中央的值，把pixby 修改成地图中央的值就可以，我不知道你的具体坐标，没办法帮助你修改，但是可以确认的是 你的pixby 值是错误的，你做谷歌地图取值的网站应该是提供4个坐标，把另外2个放进来就OK了

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>地图</title>

<style type="text/css">

html{height:100%}

body{height:100%margin:0pxpadding:0px}

#container{height:100%}

</style>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=GbLBG0iSnUi7hvBVdWxAm0qCvK46SsFu">//2.0版本

</script>

</head>

<body>

<div id="container"></div>

<script type="text/javascript">

var map = new BMap.Map("container") // 创建地图实例

var point = new BMap.Point(119.3,26.08) // 创建点坐标

map.centerAndZoom(point, 15)// 初始化地图，设置中心点坐标和地图级别

var marker = new BMap.Marker(point) // 创建标注

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

var opts1 = {type: BMAP_NAVIGATION_CONTROL_LARGE}

map.addControl(new BMap.NavigationControl(opts1))

var opts2 = {offset: new BMap.Size(150, 5)}

map.addControl(new BMap.ScaleControl(opts2))

map.addControl(new BMap.OverviewMapControl())

map.addControl(new BMap.MapTypeControl())

map.setCurrentCity("福州")

</script>

</body>