此教程我们将告诉你如何添加谷歌地图到Drupal 7的内容中 我们将使用黄页目录样式,来展示给你如何显示一个谷歌地图在每个企业名录旁边 安装安装并启用这两个模块: 7 P* b, b3 O% I3 z' u
3 f( ~5 a4 U) ?1 [+ z0 y如果没有CTools,你也需要安装:/ {. c8 ~ j; l
0 I4 X! H4 l9 t! ~! t% ohttp://drupal.org/project/ctools$ g& S+ u1 k' o$ W+ a
( a$ X' H4 P; ~4 A. B$ W
使用Address FIeld创建内容类型
& ~5 p4 B7 Z6 D- }5 @第一步使用Address Field模块创建内容 . W/ V/ }' a5 C* O0 ~3 B7 n7 v: @
前往 Structure > Content types. 8 ~$ b Q- b9 d5 `# S4 ^
创建新的叫“Companies”的内容类型 ! n' J) F. \" s) ]2 W/ A
使用“邮政地址”添加一个地址字段 % c# U; u; s% Q; h* T
! _8 P' |7 {- g! `# C: X* C! v5 a" l
3 Y+ O- |9 P9 V ?' @' P& i- z7 Q0 h9 T; |* [" g+ J6 ], }) ~% p, W# `
9 h i. V( U- m) T
) R8 |4 K! D# Q K# O, [( K( w添加内容点击添加内容和企业到你的网站. 我们使用 Phase2 为例,因为他们实际上集成了这些地址模块: 2 m( B7 K* p' N2 q" T
9 L3 ?0 P3 a5 r( C! @2 Q' V8 y
. i' L4 w, h4 c/ M7 ~+ ^4 D5 D4 S+ C* {6 H: S6 `( D
5 R! k. t1 B. t6 }3 U6 D5 R7 W; R
" A. p7 N% P9 \9 Y; e. n配置 Address FIeld Static Map 区块' r* d& a+ R, E) y+ i4 ~
前往 Configuration > Address Field Static Map 区块 k& Z4 S- d8 N2 _3 a, o
配置 Address Field 选项来使用你刚创建的字段
0 B3 t& t6 Y) G! [# c2 E% B
" O2 {/ L/ ? \7 b/ K! Y$ o3 {; T7 O- n) B7 k
配置 Image Size 选项来适应你要放置地图的网站区域
- M. f+ r$ P/ d7 {. Q- o! X) p
. U* \4 ^9 k5 N( j0 F2 ]1 o$ X 关闭* P7 [' |; w& _0 q9 W
* p) S5 k( X/ @* b; C. W6 d+ ?
放置区块
1 J6 s" [! }* Z/ B$ h- N. o前往 Structure > Blocks.* E' r( Q, r9 e, _' b1 L' q
发布 Address Field Static Map 区块.不管你尝试放置此区块到哪个页面,他将只出现在下面两种条件:
; H5 W6 ~" P: L5 M( U$ a5 r如果节点全文显示. 3 e- \3 Z& K1 ~3 Q. [
如果全文包含一个字段地址 这里是出现的 Phase 2 :
: T: @$ G2 [( P) M& \0 b z8 k$ t( `
% a. j9 l3 o, |7 ^4 o0 P. y; E) t
6 P- V' n4 k$ L1 F: q2 X
- g7 h C9 g' _
|