我正在使用d3.js和geojson文件绘制一张地图。地图的生成是正确的,而且地图也是用多条路径绘制的。使用城市的长,拉特,我画了一个圆在投影点,因为我想应用变换,如缩放和窗格的地图。
问题是,这个圆部分地落在这条路的下面。
下面是HTML页面的布局。我之所以把圆圈放在g标签中,是因为我正在应用缩放和平移来绘制地图,而圆圈也应该相应地移动。
svg
g
path d=.....
circle...some attributes
g
path
circle
g
path
g
path
g
path
ci
我使用的google地图api如下所示:
this.init_map = function(lat, lng){
var mapOptions = {
center: new google.maps.LatLng(lat, lng),
zoom: 17,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
var marker = new google.maps.Ma