国外设计欣赏网站 - DOOOOR.com

 找回密码
 注册

QQ登录

只需一步,快速开始

扫一扫,微信登陆

搜索

[Drupal教程] Drupal内容中添加谷歌地图教程

[复制链接]
发表于 1-15-2013 09:45 | 显示全部楼层 |阅读模式
此教程我们将告诉你如何添加谷歌地图到Drupal 7的内容中
我们将使用黄页目录样式,来展示给你如何显示一个谷歌地图在每个企业名录旁边
安装
安装并启用这两个模块:

* H7 }  W1 D# z8 N  @: `+ m% f, t; J" X8 n# e
如果没有CTools,你也需要安装:

- m: _& f  S0 y2 |- I+ A4 B/ W$ d8 z: H
http://drupal.org/project/ctools
; S  r4 |/ l! |6 t7 Y: F6 j/ o" a/ U/ F1 Q) i
使用Address FIeld创建内容类型6 t" n5 s  c3 d2 h+ _9 n$ ~# B2 F
第一步使用Address Field模块创建内容

6 p9 A/ d% X/ k$ b+ f+ P( S) G3 K
前往 Structure > Content types.
% k; u; i" [* p1 f! N
创建新的叫“Companies”的内容类型
3 ^2 U5 `* Q3 p
使用“邮政地址”添加一个地址字段
9 [$ H7 o- e' I6 I& ^8 |
) P& B+ U! |$ R4 |& G) z

! L) K: q. R2 p1 |+ O- E% Q7 V* ?2 x) `# x5 z% a
3 |# `5 c4 O. K; m. T/ {3 _# c( }

) l3 A" f1 b: G. K$ q$ F7 z5 {添加内容
点击添加内容和企业到你的网站. 我们使用 Phase2 为例,因为他们实际上集成了这些地址模块:

3 u: b* I8 i1 M  o+ S7 u& F

! h/ W- ^% a1 S1 n5 m+ J
, D# [1 H& r) B+ l/ }: B4 K( q
# i% ]. U; ~( c
/ G; m( o  T, c. r4 Z$ C; d) v3 ^

* p2 l3 H/ n% Y5 f( P' Q配置 Address FIeld Static Map 区块
  F' H* y9 O* e3 X) z5 W前往 Configuration > Address Field Static Map 区块
5 U  L4 T/ S5 u% G配置 Address Field 选项来使用你刚创建的字段
$ i; m. m0 p" c/ [0 }) v/ S
; t* u# i( J7 I2 A/ a) p' A

9 F1 t& }. l+ \% Y! A  h  a: d* z配置 Image Size 选项来适应你要放置地图的网站区域
' @6 N& W( {1 C8 Z% Y* r

. }2 v& ~1 Z; P) _关闭& x3 r/ L. D  N3 z9 n6 j% m

7 P, A1 Q$ w9 n9 G/ l5 @0 f放置区块  ~- G. y2 @, Y+ f  p2 z
前往 Structure > Blocks.; M% A; {: U! }8 V' u
发布 Address Field Static Map 区块.
不管你尝试放置此区块到哪个页面,他将只出现在下面两种条件:

6 D* h: a9 B, M7 W8 X
如果节点全文显示.

! k: o# s5 }. D: R
如果全文包含一个字段地址
这里是出现的 Phase 2 :

% B  a! C) b9 _/ [. Z4 \% s
+ v) W2 l9 s; v9 w
8 c3 V  G5 T4 e% D; E, E+ P. }; A- q' I
/ o, }/ P3 y8 q. U" ^

* D6 J. v0 [5 a2 F  O0 n. g  o- \9 w

|2011-2026-版权声明|平台(网站)公约|DOOOOR 设计网 ( 吉ICP备2022003869号 )

GMT+8, 4-16-2025 17:46 , Processed in 0.533546 second(s), 263 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表